添加webpack时反应项目依赖项错误
我已经使用以下命令安装了webpack
yarn add webpack --dev
并且在我的react app文件夹内运行yarn start命令之后
D:\Workspace\fuel-man-ui\fuel-man-ui>yarn start
得到以下错误。
yarn run v1.19.0 $ react-scripts start
项目依赖关系树可能存在问题。它是可能不是Create React App中的错误,而是您需要修复的问题本地。
Create React App提供的react-scripts软件包需要一个依赖:
“ webpack”:“ 4.29.6”
不要尝试手动安装:您的包管理器会安装自动。但是,检测到其他版本的webpack在树上更高的位置:
D:\ Workspace \ fuel-man-ui \ fuel-man-ui \ node_modules \ webpack(版本:4.41.0)
已知手动安装不兼容的版本会导致难以调试的问题。
[如果您希望忽略此检查,请添加SKIP_PREFLIGHT_CHECK = true为您项目中的.env文件。那会永久禁用此消息,但您可能会遇到其他问题。
要修复依赖关系树,请尝试完全按照以下步骤操作顺序:
- 删除项目文件夹中的package-lock.json(不是package.json!)和/或yarn.lock。
- 删除项目文件夹中的node_modules。
- 从项目文件夹中package.json文件中的依赖项和/或devDependencies中删除“ webpack”。
- 运行npm install或yarn,取决于您使用的软件包管理器。
在大多数情况下,这足以解决问题。如果有没有帮助,您可以尝试其他一些方法:
如果使用npm,请安装纱线(/),并重复上述步骤。这可能会有所帮助,因为npm的程序包提升存在已知问题,将来的版本中可能会解决该问题。
检查D:\ Workspace \ fuel-man-ui \ fuel-man-ui \ node_modules \ webpack是否在外部您的项目目录。例如,您可能不小心在主文件夹中安装了某些内容。
尝试在您的项目文件夹中运行npm ls webpack。这将告诉您安装了Webpack的其他软件包(除了预期的react-scripts)。
[如果没有其他帮助,请将SKIP_PREFLIGHT_CHECK = true添加到.env文件在您的项目中。这将永久禁用此飞行前检查如果您仍然要继续操作。
P.S。我们知道此消息很长,但请阅读上述步骤:-)我们希望您对他们有所帮助!
错误命令失败,退出代码为1。。
i have deleted node_modules from my project and devdependencies, also i have removed global node_modules and cache. still getting same error.
我跑了npm ls webpack
并进入树下
[email protected] D:\Workspace\fuel-man-ui\fuel-man-ui
+-- [email protected]
| `-- [email protected]
| `-- [email protected] extraneous
`-- [email protected]
npm ERR! extraneous: [email protected] D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack
回答如下:Create React App提供的react-scripts软件包需要一个依赖:
“ webpack”:“ 4.29.6”
不要尝试手动安装:您的包管理器会安装自动。但是,检测到其他版本的webpack在树上更高的位置:
在项目根目录中,删除node_modules和yarn.lock。在package.json中,从依赖项中删除webpack并再次运行yarn。
如果您要为此项目修改webpack.config,则可以从此处运行yarn eject,因为您负责webpack.config,因此将很难更新React脚本。
[如果您不想对webpack.config负责,则可以尝试使用react-app-rewired,有关此的文章是here