react脚手架构建运行时报错问题

具体操作

sudo npm install -g create-react-app
mkdir react-first-demo
cd react-first-demo
create-react-app react-cli
cd react-cli
npm install (依赖安装完以后执行npm start)
npm start

错误

$ react-scripts start

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

“webpack”: “4.29.6”

Don’t try to install it manually: your package manager does it automatically.
However, a different version of webpack was detected higher up in the tree:

/Users/mac/Desktop/node_modules/webpack (version: 3.8.0)

Manually installing incompatible versions is known to cause hard-to-debug issues.

If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.

解决方法

在react-cli项目里面添加.env文件,文件中添加SKIP_PREFLIGHT_CHECK=true,在运行npm start。错误提示里又说这样可以解决目前问题,可能还会出现其他问题,暂时没遇到,有问题可以交流,或者有什么更好的方法。

结果

react脚手架构建运行时报错问题
react脚手架构建运行时报错问题