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

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

链接:

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

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

我也遇到过这个问题，并通过从“react-scripts”:“3.x”升级react-scripts包来解决它。X "到"react-scripts": "^3.4.1"(或最新可用版本)。

删除“node_modules\”文件夹 删除package-lock。json文件 重写包。Json文件从"react-scripts": "3.x。X " to "react-scripts": "^3.4.1" 重新安装节点包 现在，启动项目npm start

而且很管用!!

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

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

app.use(noopServiceWorkerMiddleware());

你应该把它改成:

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

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

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

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

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

我通过在nvm中设置一个新版本的节点作为默认值来修复这个问题，即:

nvm alias default 12.XX.X

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

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

然后rm -rf node_modules/ yarn。锁纱

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