去你的package.json 修改“react-scripts”:“3.x。X”到“react-scripts”:依赖项中的“^3.4.0” 重新安装react-scripts: npm I react-scripts 启动你的项目:npm Start

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

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

我们从react-scripts中弹出，因此不能简单地升级包。Json条目来修复这个问题。

相反，我们这样做了:

在新目录下创建一个新项目-> $> NPX create-react-app foo-project 然后弹出它-> CD ./foo-project && NPM运行弹出 现在将/foo-project/config中的文件复制到我们的主应用程序的config目录中，并启动您的开发服务器

希望这能帮助到其他有类似困境的人。

如果你有一个弹出的create-react-app，我建议:

通过Create - React -app创建一个新的React应用。 通过npm run Eject或yarn Eject来弹出它。 安装package.json中缺少的所有包。 复制src文件夹，假设所有代码都位于该文件夹中。 如果需要，重做配置和脚本文件夹上的更改。

为我工作。

运行npm i react-dev-utils@10.0.0解决了我的问题。

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

对我有效的方法如下:

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

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

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