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

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

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

只需将反应脚本更新到最新版本。

yarn add react-scripts@latest

或者如果使用NPM

npm install react-scripts@latest

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

相反，我们这样做了:

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

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

如果你已经弹出，这是解决这个问题的正确方法:

找到这个文件config/webpackDevServer.config.js，然后在这个文件中找到以下一行:

app.use(noopServiceWorkerMiddleware());

你应该把它改成:

app.use(noopServiceWorkerMiddleware('/'));

对我(可能还有你们中的大多数人)来说，service worker是在项目的根源处服务的。如果它对你不同，你可以传递你的基路径。

将HOME环境变量设置为适当的值为我修复了这个问题。

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

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

然后rm -rf node_modules/ yarn。锁纱

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