找不到模块：错误：找不到带有标识"postcss"的选项

Question

我是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文件。 应用：

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']
}
};

我的代码有什么问题？

非常感谢您帮助我！如果我不是很清楚，请问我任何其他信息

Answer 1

您可能需要将 postcss-loader 配置更改为此配置。实际上取决于您拥有的加载程序版本，从 4.0.0 (https://github.com/webpack-contrib/postcss-loader/releases/tag/v4.0.0( 开始不需要

{
loader: 'postcss-loader',
options: {
ident: 'postcss',
},
}