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文件夹所在路径”

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐