在CRA反应应用程序中获取" a different version of webpack was detected higher up in the tree"错误



我在CRA应用程序上运行npm start时遇到此错误。我尝试卸载和安装webpack。唯一有效的是,从而产生";。env";使用SKIP_PREFLIGHT_CHECK=true在根目录下创建文件。

`

hello@0.1.0启动C:\Users\USER\Desktop\MyReact\REACT_HOOKS\helloreact脚本启动项目依赖关系树可能存在问题。这可能不是Create React应用程序中的错误,而是您需要在本地修复的问题。Create react App提供的react脚本包需要依赖项:"webpack":"4.42.0〃;不要尝试手动安装:您的软件包管理器自动执行。但是,在树的更高位置检测到不同版本的webpack:C: \Users\USER\node_modules\webpack(版本:4.43.0(众所周知,手动安装不兼容的版本会导致难以调试的问题。如果希望忽略此检查,请将SKIP_PREFLIGHT_check=true添加到项目中的.env文件中。这将永久禁用此消息,但您可能会遇到其他问题。要修复依赖关系树,请按照以下步骤进行操作:

  1. 删除项目文件夹中的package-lock.json(而不是package.json!(和/或yarn.lock
  2. 删除项目文件夹中的node_modules
  3. 删除";webpack";来自项目文件夹中package.json文件中的dependencies和/或devDependencies
  4. 运行npm install或yarn,具体取决于软件包您使用的经理。在大多数情况下,这应该足以解决问题。如果这没有帮助,你可以尝试其他一些方法:
  5. 如果使用npm,请安装yarn(http://yarnpkg.com/)并用它重复上述步骤。这可能会有所帮助,因为npm在包装吊装方面存在已知问题,这些问题可能会在未来版本中得到解决
  6. 检查C:\Users\USER\node_modules\webpack是否在项目目录之外。例如,您可能不小心在主文件夹中安装了某些内容
  7. 请尝试在项目文件夹中运行npm-ls-webpack。这将告诉您哪个其他包(除了预期的react脚本(安装了webpack。如果没有其他帮助,请将SKIP_PREFLIGHT_CHECK=true添加到项目中的.env文件中。这将永久禁用飞行前的登机手续以防您无论如何都要继续。附言:我们知道这条消息很长,但请阅读上面的步骤🙂我们希望你觉得他们有帮助!npm ERR!代码ELIFECYCLEnpm ERR!错误号1npm ERR!hello@0.1.0启动:react-scripts startnpm ERR!退出状态1npm ERR!npm ERR!在处失败hello@0.1.0启动脚本。npm ERR!这可能不是npm的问题。上面可能有额外的日志输出。`

好吧,我运行了npm uninstall -g webpack,它什么都没做。

然后我运行了两个

npm uninstall -g webpack
npm uninstall webpack

它不再显示错误。

显然

npm uninstall webpack

工作。

这个问题可能是由手动下载webpack引起的。

我运行了npm uninstall webpackdelete package.lock.jsonrun yarn
如果您更喜欢npm,则运行npm install而不是运行纱线。

这将在依赖关系树中以正确的方式重新安装webpack。

相关内容

最新更新