React官方文档npx create-react-app my-app命令不存在

npx create-react-app my-app中create-react-app命令不存在

学习React时遇到的第一个问题,跟着官方文档创建新的 React 应用时,使用npx create-react-app my-app命令提示命令不存在。
必应搜索了一下,大致的解决方式如下:
第一步:全局安装create-react-app
npm install -g create-react-app
第二步:使用create-react-app命令创建app
create-react-app my-app
使用这种方式可以成功创建项目,但是官方文档给的创建方式怎么会错呢,所以稍微研究了一下。发现是因为node安装过程中没有设置global目录,所以在自定义的目录下执行该命令会报错。解决方式如下:
1.查看prefix目录

C:\Users\username>npm config get prefix
C:\Users\username\AppData\Roaming\npm

进入该目录下
在这里插入图片描述
可以看到这里是存在create-react-app命令的,为什么显示命令不存在,就是因为环境变量没有配置该目录,将该目录加入系统变量path里面,再次执行npx create-react-app my-app可以发现,可以成功创建项目了。当然,因为国内网络的原因,还是有可能创建失败,这时可以设置国内镜像,可以使用目前比较流行的一个工具nrm

npm install -g nrm

安装成功后,可以通过命令查看当前可用镜像

nrm ls

切换镜像

nrm use tencent

查看当前镜像(该命令还可以用于查看各类配置npm config ls -l)

npm config get registry

最后,如何更改prefix(即global)和cache
npm config set prefix “要使用的node_global文件夹所在路径”
npm config set cache “要使用的node_cache文件夹所在路径”

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值