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

Question

I am trying to integrate my webpack project with sass-loader, but I am get this error:

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

I already installed postcss and postcss-loader with command:

 npm install postcss postcss-loader --save-dev

After install, I continue to get the same error message. I test integrate my project only with css-loader and the same error occurs. I think postcss is a dependency of the css-loader.

In my webpack.config.js I use this configuration in my 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
      }
    ]
  }

I installed all this loaders and node-sass, I don't know what I am doing wrong :(

Execute npm install postcss --save-dev. It should resolve your issues. — gretro
– gretro, Commented Apr 1, 2018 at 4:39
Seems strange to me, sass-loader only require node-sass to be installed as peerDependency. You don't need postcss to use sass-loader. Anyway, try to install both postcss and postcss-loader with npm install --save-dev postcss postcss-loader, and try to add {loader: "postcss-loader"} in between your sass-loader and css-loader. — pldg
– pldg, Commented Apr 2, 2018 at 1:56
I try to execute my project in a linux machine and I don't have any problems. For some reason in my windows machine I always get this error. I verify in my node_modules/postcss only have these files: node_modules and package.info. It is like modules not installed correctly. — Elton Serra
– Elton Serra, Commented Apr 3, 2018 at 2:16
On Windows try to delete your node_modules && package-lock.json and then run npm install to re-install all packages. — pldg
– pldg, Commented Apr 5, 2018 at 22:55

Tomer Shetah · Accepted Answer · 2020-10-16 01:10:26Z

22

I had this error when using autoprefixer with postcss through postcss-cli. I solved it by rolling postcss back to version 8.1.0 (current version is 8.1.1 at time of writing). This can be easily done by running the below command in your terminal.

npm i [email protected]

edited Oct 16, 2020 at 1:10

Tomer Shetah

8,5597 gold badges31 silver badges40 bronze badges

answered Oct 13, 2020 at 9:50

Joe Herbert

4621 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Abhishek Saxena · Accepted Answer · 2023-01-03 16:48:11Z

5

Use the following steps

Delete package-lock.json

Delete node_modules

Run npm install

answered Jan 3, 2023 at 16:48

Abhishek Saxena

1111 gold badge2 silver badges3 bronze badges

Comments

Oleh Diachenko · Accepted Answer · 2022-03-28 12:31:10Z

3

In my case problem was solved by delete package.lock.

answered Mar 28, 2022 at 12:31

Oleh Diachenko

6621 gold badge7 silver badges11 bronze badges

1 Comment

CodeChanger Over a year ago

This can solve our problem. this should be correct answer.

kmonsoor · Accepted Answer · 2021-11-09 20:50:27Z

1

Upgrading postcss-cli to the new version 9.0.1 fixed it for me.

answered Nov 9, 2021 at 20:50

kmonsoor

8,1797 gold badges43 silver badges58 bronze badges

Collectives™ on Stack Overflow

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

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related