Webpack：模块构建失败：错误：找不到模块“postcss”

Question

我正在尝试将我的 webpack 项目与 sass-loader 集成，但出现此错误：

 Module build failed: Error: Cannot find module 'postcss'

我已经使用命令安装了 postcss 和 postcss-loader：

 npm install postcss postcss-loader --save-dev

安装后，我继续收到相同的错误消息。我测试仅将我的项目与 css-loader 集成，并且发生了同样的错误。我认为 postcss 是 css-loader 的依赖项。

在我的 webpack.config.js 中，我在 module.rules 中使用了这个配置：

 {
    test: /\.scss$/,
    use: [{
          loader: "style-loader" // creates style nodes from JS strings
      }, {
          loader: "css-loader" // translates CSS into CommonJS
      }, {
          loader: "sass-loader" // compiles Sass to CSS
      }
    ]
  }

我安装了所有这些加载器和 node-sass，我不知道我做错了什么:(

Answer 1

通过 postcss-cli 将 autoprefixer 与 postcss 一起使用时出现此错误。我通过将 postcss 回滚到版本 8.1.0（在撰写本文时当前版本为 8.1.1）解决了这个问题。这可以通过在终端中运行以下命令轻松完成。

npm i postcss@8.1.0