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

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

如果您弹出并感到好奇，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回购同步(并获得它们所有最新的增强!)

如果你发现很难在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。X "到"react-scripts": "^3.4.1"(或最新可用版本)。 避免删除package-lock。json马上。先试试这个，如果不行，再进一步。

如果你有一个弹出的create-react-app，我建议:

通过Create - React -app创建一个新的React应用。 通过npm run Eject或yarn Eject来弹出它。 安装package.json中缺少的所有包。 复制src文件夹，假设所有代码都位于该文件夹中。 如果需要，重做配置和脚本文件夹上的更改。

为我工作。