理论上执行npx create-react-app 项目名 即可初始化React项目成功!
得到的项目目录如下:
但是初始化的路上必须得经历点坎坷,以下是遇见的问题,希望能帮到大家!!!
问题一:npm warn config global --global
, --local
are deprecated. use --location=global
instead.
首先我以为是我windows10的下npm
所以 Windows PowerShell(管理员权限)执行以下命令,
Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force
npm install --global --production npm-windows-upgrade
npm-windows-upgrade --npm-version latest
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser -Force
一顿操作下来还是会报错,这就很不科学;
又接着尝试更改nodejs下npm、npx配置,做法如下:
- 本地目录nodejs文件下找到npm、npx
- 将 prefix -g 替换成 prefix --location=global
一顿尝试后依旧有问题了,我冷静下来想了想,那是不是我的node 版本出现问题,虽然一开始我和狗子排查过,如下:
但是经过上两次的操作之后我决定提高我的node版本,长期维护版: 18.12.1 (包含 npm 8.19.2)
node下载链接
在执行命令不报错的,这很好!!不过又有了问题二;
问题二:下载依赖超级缓慢等很多分钟
大家可以查询下载依赖的镜像,如果有跟我一样缓慢的话可以进行更改,命令如下:
npm config get registry
npm config set registry https://registry.npmmirror.com
至此我的React项目初始化就圆满落幕了!!