react脚手架构建运行时报错问题及解决
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
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。
- 错误提示里又说这样可以解决目前问题，可能还会出现其他问题，暂时没遇到，有问题可以交流，或者有什么更好的方法。
结果
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持程序员之家。
相关文章
本文记录如何使用vscode打造一个现代化的react-native开发环境，旨在提高开发效率和质量。本文给大家分享我遇到的问题及解决方法，感兴趣的朋友跟随小编一起看看吧2021-07-07
本篇文章主要介绍了详解react-router4 异步加载路由两种方法 ，具有一定的参考价值，有兴趣的可以了解一下2017-09-09
这篇文章主要为大家介绍了react?Scheduler?实现示例教程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了在React项目中使用Eslint代码检查工具及常见问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了浅谈React高阶组件,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了React.cloneElement的使用详解，帮助大家更好的理解和学习使用React框架，感兴趣的朋友可以了解下2021-04-04
React实现控制减少useContext导致非必要的渲染详解
这篇文章主要介绍了React如何有效减少使用useContext导致的不必要渲染,使用useContext在改变一个数据时，是通过自己逐级查找对比改变的数据然后渲染，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-11-11
这篇文章主要介绍了react实现浏览器自动刷新的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
react-router-dom v6版本跳转路径的实现方法
这篇文章主要介绍了react-router-dom v6版本跳转路径的实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
React使用useImperativeHandle自定义暴露给父组件的示例详解
useImperativeHandle?是?React?提供的一个自定义?Hook,用于在函数组件中显式地暴露给父组件特定实例的方法,本文将介绍?useImperativeHandle的基本用法、常见应用场景,需要的可以参考下2024-03-03
最新评论