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

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

链接:

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

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

我只是在安装和删除一些npm包后遇到了这个问题，花了将近5个小时来弄清楚发生了什么。

我所做的基本上是复制我的src/components到一个不同的目录，然后删除所有的节点模块和包锁。json(如果你在Docker容器中运行你的应用，为了安全起见，删除图像并重新构建它);然后把它重置为我的最后一次提交，然后放回我的src/components，然后运行NPM i。

我希望这能有所帮助。

要解决这个问题，只需升级react-scripts包(用npm info react-scripts version检查最新版本):

替换在你的包里。Json "react-scripts": "^3.x。X "和"react-scripts": "^3.4.1"(或最新可用版本) 删除你的node_modules文件夹 运行npm install或yarn install

一些人报告说这个问题是由运行npm审计修复引起的(避免它!)

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

yarn add react-scripts@latest

或者如果使用NPM

npm install react-scripts@latest

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

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

相反，我们这样做了:

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

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