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-native弹窗封装的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了react中监听props的改变方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
在使用React搭建用户界面时,组件可以分为两类：受控组件和费受控组件这两种组件在数据处理方式上有着显著的差异,理解它们的区别对于构建高效和可控的React应用至关重要,本文将深入探讨这两种组件的定义、特点以及使用场景,并通过示例代码帮助你更加清晰地理解它们2025-01-01
useEffect是react v16.8新引入的特性。我们可以把useEffect hook看作是componentDidMount、componentDidUpdate、componentWillUnmounrt三个函数的组合2022-12-12
Redux曾是React状态管理的标准解决方案,但传统 Redux 的样板代码过多、配置复杂、异步处理繁琐,Redux Toolkit（RTK）官方推出,旨在解决这些痛点,下面就来详细的介绍一下如何使用2026-03-03
使用react在修改state中的数组和对象数据的时候(setState)
这篇文章主要介绍了使用react在修改state中的数组和对象数据的时候(setState)，具有很好的参考价值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
解析TypeError:import_react_native.AppState.removeEventListener
这篇文章主要为大家介绍了TypeError:import_react_native.AppState.removeEventListener is not a function问题解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
这篇文章主要介绍了react项目引入antd框架方式以及遇到的一些坑，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
简析React Native startReactApplication 方法
这篇文章主要介绍了React Native startReactApplication 方法简析,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-09-09
这篇文章主要介绍了详解使用WebPack搭建React开发环境，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
最新评论