我使用以下命令安装了webpack
yarn add webpack --dev
在我的React应用程序文件夹中运行yarn start命令后
D:\Workspace\fuel-man-ui\fuel-man-ui>yarn start
出现以下错误。
yarn run v1.19.0 $ react-scripts start
项目的依赖树可能存在问题。这很可能不是Create React App的bug,而是您需要在本地修复的问题。
Create React App提供的react-scripts软件包需要一个依赖项:
"webpack": "4.29.6"
不要尝试手动安装它:您的包管理器会自动安装它。但是,检测到树中更高版本的webpack:
D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\webpack (version: 4.41.0)
已知手动安装不兼容的版本会导致难以调试的问题。
如果您希望忽略此检查,请将SKIP_PREFLIGHT_CHECK=true添加到项目中的.env文件中。这将永久禁用此消息,但您可能会遇到其他问题。
要解决依赖树问题,请按照以下步骤按顺序执行:
- 删除项目文件夹中的package-lock.json(不是package.json!)和/或yarn.lock。
- 删除项目文件夹中的node_modules。
- 从项目文件夹的package.json文件中的dependencies和/或devDependencies中删除"webpack"。
- 运行npm install或yarn,具体取决于您使用的软件包管理器。
在大多数情况下,这应该足以解决问题。如果这没有帮助,还有其他几件事可以尝试:
如果您使用npm,请安装yarn (http://yarnpkg.com/)并使用它重复上述步骤。 这可能会有所帮助,因为npm存在已知的软件包提升问题,这些问题可能会在将来的版本中得到解决。
检查 D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\webpack 是否在您的项目目录之外。 例如,您可能会在您的主目录中意外地安装某些软件包。
在您的项目文件夹中尝试运行npm ls webpack。 这将告诉您除了预期的react-scripts之外哪个其他软件包安装了webpack。
如果没有其他方法可行,将SKIP_PREFLIGHT_CHECK=true添加到您的项目的.env文件中。这将永久禁用此检查,以防您仍要继续操作。
P.S. 我们知道此消息很长,请阅读上述步骤:) 我们希望您会发现它们很有帮助!
error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run 了解有关此命令的文档。
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
命令,得到以下树形结构:
fuel-man-ui@0.1.0 D:\Workspace\fuel-man-ui\fuel-man-ui
+-- react-scripts@3.0.1
| `-- webpack@4.29.6
| `-- webpack@4.41.0 extraneous
`-- webpack@4.41.0
npm ERR! extraneous: webpack@4.41.0 D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack