我尝试了上面描述的各种方法，但没有一个工作，因为我已经弹出了我的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

就我而言，这是因为我(一度)安装了reactn，它也包含了自己的React版本(出于某种原因)。

安装完成后(即使再次卸载)，仍会出现此错误。

我只是删除了node_modules并再次运行npm install，它工作了。

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

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

app.use(noopServiceWorkerMiddleware());

你应该把它改成:

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

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

如果你发现很难在react.js文件中显示图像，我尝试在youtube上搜索。 它建议在“公共”文件夹(而不是“src”文件夹)中添加图像。

尽管仍然在寻找为什么在src文件夹中添加图像没有成功的原因。

链接:

https://www.youtube.com/watch?v=taMJct5oeoI&ab_channel=EsterlingAccime

https://daveceddia.com/react-image-tag/

当运行无参数的react-native bundle命令时，也会出现非常类似的错误(误导)。

为成功运行提供——entry-file和——bundle-output:

react-native bundle --entry-file ./index.js --bundle-output ./index.jsbundle

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

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