react脚手架构建运行时报错问题及解决
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和MUI创建多选Checkbox树组件
这篇文章主要为大家详细介绍了如何使用 React 和 MUI(Material-UI)库来创建一个多选 Checkbox 树组件,该组件可以用于展示树形结构的数据,并允许用户选择多个节点,感兴趣的可以了解下2024-01-01react项目升级报错,babel报错,.babelrc配置兼容等问题及解决
这篇文章主要介绍了react项目升级报错,babel报错,.babelrc配置兼容等问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-08-08
最新评论