如果您有一个弹出的CRA, webpack-dev-server配置有一些更改，如果保持不变将抛出此错误。比较刚弹射出来的cra4。x配置到我的cra3。X配置显示了对函数的一些更改，这些函数以前不接受参数，现在接受了。

在我的例子中，一个突破性的变化是添加了通往noopServiceWorkerMiddleware函数的路径。添加在缺失的路径noopServiceWorkerMiddleware(paths.publicUrl)为我修复了这个问题。

如果您弹出并感到好奇，CRA回购上的这个变化是导致错误的原因。

要修复它，你需要应用他们的更改;即最后一组文件:

包/ react-scripts / config / paths.js 包/ react-scripts / config / webpack.config.js 包/ react-scripts / config / webpackDevServer.config.js 包/ react-scripts / package.json 包/ react-scripts /脚本/ build.js 包/ react-scripts /脚本/ start.js

就我个人而言，我认为你应该手动应用这些更改，因为除非你一直在更新所有的更改，否则你可能会给你的webpack包引入另一个错误(因为依赖不匹配或其他原因)。

或者，你可以按照Geo Angelopoulos的建议去做。这可能需要一段时间，但至少您的项目将与CRA回购同步(并获得它们所有最新的增强!)

我在盖茨比博客上也遇到了同样的问题。依赖项无法升级，只能在npm 10.22.1版本上运行。

对我有效的方法如下:

#!/bin/bash
rm -rf .cache
rm -rf public
gatsby build
gatsby serve

基本上完全重建了所有东西，这个错误就消失了。很烦人，但至少它能构建。

更奇怪的是，如果我调整博客文章的图像，比如稍微调整一下大小，它就会生成。我完全不知道为什么。但这至少是个线索。

其他的解决方法对我都不起作用。

但是，将这个添加到我的包中。Json为我解决了这个问题:

"resolutions": {
  "react-dev-utils": "10.0.0"
},

我尝试了上面描述的各种方法，但没有一个工作，因为我已经弹出了我的css。最后，应用以下步骤会有所帮助:

upgrade ereact-scripts from "react-scripts": "3.x。X " to "react-scripts": "^3.4.0" 降级react- devi -utils格式为"react- devi -utils": "^10.x. "X " to "react-dev-utils": "10.0.0" 删除node-modules文件夹和package-lock.json/yarn.lock 重新安装npm install/yarn install

只需要删除并重新安装反应脚本

删除 Yarn删除反应脚本 添加 Yarn添加反应脚本

然后rm -rf node_modules/ yarn。锁纱

记住不要经常更新react-scripts版本