yarn create @umijs/umi-app success Installed “@umijs/create-umi-app@3.4.21“

点这篇博客
1.问题描述

根据官网指示,使用 @umijs/umi-app 为模板,创建一个项目:

yarn create @umijs/umi-app

一直创建失败,报错原因如下:
在这里插入图片描述
在这里插入图片描述

  1. 解决方案

    网上很多这个问题的解决方案是通过 yarn global bin指令查看yarn命令的目录,然后把这个目录路径配置到系统环境变量中,然后再重新执行yarn create @umijs/umi-app命令,但还是报了同样的错误。问题没有解决。

在这里插入图片描述
在这里插入图片描述

其实bin文件的环境变量配置是对的,本质是因为yarn包的安装位置在C盘,D的yarn没有访问权限导致的,要解决这个问题,
在这里插入图片描述

,可以通过修改Yarn的全局安装位置。
在这里插入图片描述### 1.修改yarn的全局安装位置到D:\Program Files\yarn

在新建的 yarn 文件夹下再创建一个 global 文件夹和一个 cache 文件夹。
然后执行下面的命令,来设置 yarn 的全局安装位置和 缓存位置:
yarn config set global-folder "D:\Program Files\yarn\global"
yarn config set cache-folder "D:\Program Files\yarn\cache"

在这里插入图片描述

  1. 再次执行yarn create @umijs/umi-app

在这里插入图片描述
在这里插入图片描述

原文链接:https://blog.csdn.net/baidu_39067385/article/details/108909687

回答: 根据引用\[1\]和引用\[2\]的描述,你遇到的问题是在运行项目时出现了模块构建失败的错误。具体错误信息是"Module build failed (from ./node_modules/@umijs/preset-dumi/lib/loader/index.js)"。这个错误通常是由于缺少依赖或配置问题导致的。你可以尝试以下解决方法: 1. 确保你的项目中已经安装了所有必要的依赖。可以通过运行"npm install"或"yarn install"来安装项目所需的依赖。 2. 检查你的项目配置文件,比如webpack配置文件或babel配置文件,确保配置正确并且没有错误。 3. 如果你使用的是Vue项目,可以尝试更新Vue-loader或babel-loader的版本,有时候旧版本的loader可能会导致构建失败的问题。 4. 如果你使用的是UMI框架,可以尝试更新@umijs/preset-dumi的版本,或者查看文档中是否有关于该错误的解决方法。 如果以上方法都没有解决你的问题,你可以尝试在开发者社区或者项目的GitHub页面上提问,寻求帮助。提供详细的错误信息和项目配置信息有助于其他人更好地理解和解决你的问题。 #### 引用[.reference_title] - *1* [vue项目报错:Module build failed (from ./node_modules/vue-loader/index.js)](https://blog.csdn.net/qq_40934617/article/details/121702439)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vue项目运行出现:Module build failed (from ./node_modules/babel-loader/lib/index.js)](https://blog.csdn.net/dzdzdzd12347/article/details/124038656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值