Reputation: 189

Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version

Can you help me? I got this error when I hit ng s

ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/app.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/detail-view/detail-view.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/footer/footer.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/products/products.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/slider/slider.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/header/header.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (E:\Ibtikar\shop\node_modules\sass-loader\lib\loader.js:31:19)

Upvotes: 17

Answers (9)

Sunny Sharma

Reputation: 4934

check for the supported version. As on date I had node 12.x installed on my machine and spent an hour running npm install node-sass and npm rebuild node-sass with --force and --save-dev hints.

Nothing worked until I uninstalled the node 12.x and installed node 10.x. So if you're hitting the same problem and could not get it to work, try following

Check if your Node version (Run node -v) if it's higher than 10.x
Uninstall the Node 12.x from your machine
Download and Install Node 10.x
Restart the console/editor (not required for all and may work without this step)

Upvotes: 1

giveJob

Reputation: 1540

This worked for me

npm install --save-dev node-sass

Upvotes: 10

Manoj

Reputation: 712

working solution

Step 1 rm -rf node_modules it removes the directory recursively (the existing node modules, takes a min or two)

Step 2 npm install this will work for sure, i did try and it worked.

Upvotes: 1

Abolfazl Roshanzamir

Reputation: 14792

Re-installing webpack solved the issue for me.

npm install --save-dev webpack

or, you can try :

npm rebuild node-sass

Upvotes: 1

Pradeep

Reputation: 376

If you are facing this issue even after upgrading node-saas to version above 4 then follow below thread

Sass-loader requires node-sass >=4 even if that exist

Upvotes: -1

flppv

Reputation: 4289

You need to run npm rebuild (or npm rb) in your project folder.

This command runs the npm build command on the matched folders. This is useful when you install a new version of node, and must recompile all your C++ addons with the new binary.

Source

Upvotes: 26