reactjs - 找不到模块:错误:找不到带有 ident 'postcss' 的选项
问题描述
我是 stackoverflow 的新手,想问你一个我在互联网上找不到的问题......我希望我在好网站上 :)
所以这是我的问题:我想将一些 css 文件从 node_modules 依赖项导入到反应应用程序中。我使用 webpack 进行开发,但出现了一个我不明白的错误,这在标题中。所以这是编译器的错误详细信息:
ERROR in ./src/scss/app.scss
Module not found: Error: Can't find options with ident 'postcss'
@ ./src/scss/app.scss 9:10-188
@ ./src/app/App.js
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./src
另外,在导航控制台中我得到了这个:
Error: Cannot find module '-!../../node_modules/css-loader/index.js?{"importLoaders":1}!../../node_modules/postcss-loader/lib/index.js??postcss!react-big-calendar/lib/css/react-big-calendar.css'
那是我的 scss 文件的内容无法加载 css 文件。应用程序.scss:
exports.i(require("-!../../node_modules/css-loader/index.js?{\"importLoaders\":1}!../../node_modules/postcss-loader/lib/index.js??postcss!react-big-calendar/lib/css/react-big-calendar.css"), "");
你也可以查看我的 webpack 配置文件:
const HtmlWebPackPlugin = require("html-webpack-plugin");
const htmlWebpackPlugin = new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
});
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.css$/,
use: [
'style-loader',
{ loader: 'css-loader', options: { importLoaders: 1 } },
'postcss-loader'
]
}
]
},
plugins: [htmlWebpackPlugin],
resolve: {
extensions: ['.js', '.jsx', '.json', '.css']
}
};
我的代码有什么问题?
非常感谢你帮助我!如果我不是很清楚,请询问我任何其他信息
解决方案
您可能需要将您的 postcss-loader 配置更改为此。真正取决于您拥有的加载器版本,4.0.0 不需要(https://github.com/webpack-contrib/postcss-loader/releases/tag/v4.0.0)
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
},
}
推荐阅读
- c# - WIX 安装程序无法正确运行 C# 进程
- python - Python eval() 乘法不正确
- f# - 同时使用多个 F# 类型提供程序的性能影响
- python-2.7 - 序列化和反序列化之间的底层类变化
- javascript - 将所有 HTML 表值传递给 PHP 以使用 Javascript 将它们存储在数据库中
- windows - Robotframework-WhiteLibrary:Windows 应用自动化:单击按钮关键字导致失败
- python - 重新分配的数组(Python)
- ssl - 自定义域 Heroku 应用程序无法提供安全连接:ERR_SSL_PROTOCOL_ERROR
- redirect - Azure web.config 永久重定向并获得 307 状态码而不是 301
- javascript - 如何按业力对 Reddit 用户进行排序?