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

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

链接:

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

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

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

yarn add react-scripts@latest

或者如果使用NPM

npm install react-scripts@latest

我也遇到过这个问题，并通过从“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

而且很管用!!

要解决这个问题，只需升级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审计修复引起的(避免它!)

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

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

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

如果您弹出并感到好奇，CRA回购上的这个变化是导致错误的原因。

要修复它，你需要应用他们的更改;即最后一组文件:

包/ react-scripts / config / paths.js 包/ react-scripts / config / webpack.config.js 包/ react-scripts / config / webpackDevServer.config.js 包/ react-scripts / package.json 包/ react-scripts /脚本/ build.js 包/ react-scripts /脚本/ start.js

就我个人而言，我认为你应该手动应用这些更改，因为除非你一直在更新所有的更改，否则你可能会给你的webpack包引入另一个错误(因为依赖不匹配或其他原因)。

或者，你可以按照Geo Angelopoulos的建议去做。这可能需要一段时间，但至少您的项目将与CRA回购同步(并获得它们所有最新的增强!)