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

更新时间：2024年03月14日 15:42:23 作者：XIPIKER

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

结果

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Next+React项目启动慢刷新慢的解决方法小结
本文主要介绍了Next+React项目启动慢刷新慢的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2025-04-04
React中使用Redux Toolkit状态管理的示例详解
在现代 React 应用程序中,状态管理是一个至关重要的部分,使用 Redux Toolkit 可以简化 Redux 的配置和管理,本文将通过三个文件的示例,详细讲解如何使用 Redux Toolkit 创建和管理一个简单的计数器状态,需要的朋友可以参考下
2024-11-11
react实现全局组件确认弹窗
这篇文章主要为大家详细介绍了react实现全局组件确认弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08
React memo减少重复渲染详解
React.memo为高阶组件。它与React.PureComponent 非常相似，但它适用于函数组件，但不适用于class组件。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-10-10
React 组件渲染和更新的实现代码示例
这篇文章主要介绍了React-组件渲染和更新的实现代码示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
React高级概念之Context用法详解
在React应用中，为了让数据在组件间共享，常见的方式是让它们以props的形式自顶向下传递，如果数据要在组件树不同层级共享，那么这些数据必须逐层传递直到目的地，Context如同管道，它将数据从入口直接传递到出口，使用Context能避免“prop-drilling”
2023-06-06
React星星评分组件的实现
评分插件在购物的应用中经常可以看得到，但是用着别人的总是没有自己写的顺手，本文就使用React实现星星评分组件，感兴趣的可以了解一下
2021-06-06
React+Ant Design开发环境搭建的实现步骤
这篇文章主要介绍了React+Ant Design开发环境搭建的实现步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-04-04
react实现同页面三级跳转路由布局
这篇文章主要为大家详细介绍了react实现同页面三级跳转路由布局，一个路由小案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-09-09
React父组件数据实时更新了,子组件没有更新的问题
这篇文章主要介绍了React父组件数据实时更新了,子组件没有更新的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03