解决create-react-app 后 npm start 中出现 的webpack版本问题和webpack-dev-server的版本问题

具体操作

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。错误提示里又说这样可以解决目前问题,可能还会出现其他问题,暂时没遇到,有问题可以交流,或者有什么更好的方法。

结果


在这里插入图片描述


在这里插入图片描述