Webpack:模块构建失败:错误:无法找到模块' postcss'

时间:2018-04-01 04:31:04

标签: css typescript webpack sass loader

我正在尝试将我的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,我不知道我做错了什么:(

1 个答案:

答案 0 :(得分:0)

在通过postcss-cli与postcss一起使用自动前缀时,出现此错误。我通过将postcss回滚到8.1.0版本(在撰写本文时,当前版本为8.1.1)解决了该问题。通过在终端中运行以下命令,可以轻松完成此操作。

npm i postcss@8.1.0