Reactjs 带有网页包的传单：css加载程序出错

如果您试图使用Webpack在项目中导入传单CSS

需要“传单/目录/传单.css”

并且存在以下错误：

./~/css加载程序！中出错/~/sass-loader/lib/loader.js/~/传单/目录/传单.css 未找到模块：错误：无法解析“[您的项目文件夹]”中的“url加载器” @./~/css加载器/~/sass-loader/lib/loader.js/~/传单/目录/传单.css 2:7454-7484 @./~/ploye/dist/ploye.css @/src/components/传单地图/传单地图.js @./src/components/App/App.js @./src/index.js @多网页包开发服务器/客户端？http://localhost:3000 webpack/hot/dev server./index.js

您需要正确使用。您可以通过以下方式在模块内显式执行此操作：

需要'style-loader/url！文件加载器！传单/目录/传单.css'

或者在webpack配置中更改CSS加载程序，这样更正确。将此添加到您的webpack.config.js：

模块：{ 规则：[ { 测试：/\.css$/,， 加载器：“样式加载器/url！文件加载器” }, ... ] }

现在，您可以像往常一样在JS中保留CSS导入：

需要“传单/目录/传单.css”

当然，请确保已安装样式加载器和文件加载器：

npm安装-保存开发风格加载程序文件加载程序