创建react、umi项目时的坑

主要是记录平时自己练习时遇到的问题~~
按照学习文档练习react、dva、umi项目创建并进行相关开发练习

一、使用create-react-app创建react项目

可以使用以下三种命令创建一个react项目,可以参考:
https://github.com/facebook/create-react-app

1.npx create-react-app my-app //my-pp是一个项目名
2.npm init react-app my-app
3.yarn create react-app my-app

在已经安装完相应的依赖之后,使用上面三种命令创建react项目时,报错:
在这里插入图片描述
在这里插入图片描述
这时,请打开Nodejs的安装路径,找到相应的create-react-app.cmd 文件,例如,我的是: D:\Program Files (x86)\Nodejs\node_global\bin ,找到其下的 create-react-app.cmd 命令脚本,如下:
在这里插入图片描述
打开查看盘符路径,如果是如下内容:
@"%~dp0\C:\Users\HuanZai\AppData\Local\Yarn\Data\global\node_modules.bin\create-react-app.cmd" %*

那么,请改成:@“C:\Users\HuanZai\AppData\Local\Yarn\Data\global\node_modules.bin\create-react-app.cmd” %*
也就是把C盘符前面的一串字符串%~dp0\去掉,然后保存。
(%~dp0\的含义是:修改当前目录为批处理本身的目录)
接着,跑命令创建react项目就好了
如:npx create-react-app my-app

二、使用dva new 项目名 创建dva项目

这个项目在创建时没发现什么问题,可以直接参照DvaJs文档:https://dvajs.com/guide/getting-started.html

三、使用create umi 创建umi项目

可以使用create-umi提供的脚手架能力创建一个umi项目,可以参考UmiJs文档:https://umijs.org/zh/guide/create-umi-app.html#%E4%BB%8B%E7%BB%8D-create-umi
首先可以进入一个存放项目的目录下,如:mkdir umi_app && cd umi_app
然后执行命令,创建项目:
1.yarn create umi
2.npm create umi
3.或者可以手动安装create-umi,并执行它:
npm install create-umi -g
create-umi

一样的,如果报错:
在这里插入图片描述
在这里插入图片描述
遇到的问题与创建react项目时一样,打开D:\Program Files (x86)\Nodejs\node_global\bin 目录下的 create-react-app.cmd ,create-umi.cmd,umi.cmd文件,把C 盘符前面的一串字符删掉,像上面那样,然后保存;
再新开(code ./)一个编辑器,进入相应目录,执行npm create umi就好了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值