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

Question

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)

Please remove `angular` and `angular6` tags, they are not related at all. `npm` tag would fit perfectly here. — flppv, Mar 16 '19 at 11:27

flppv · Answer 1 · 2019-03-15T02:23:45.040

26

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

edited Mar 15 '19 at 02:23

answered May 30 '18 at 15:27

flppv

4,111
5
35
54

giveJob · Answer 2 · 2019-10-10T15:20:34.737

9

This worked for me

npm install --save-dev node-sass

edited Oct 10 '19 at 15:20

answered Oct 10 '19 at 06:58

giveJob

1,500
3
17
29

This literally worked at the first attempt! Thanks a ton for sharing! – Devner Nov 22 '21 at 19:25
is it possible do not use node sass but using dart sass? the node-sass was not recommand. @giveJob – Dolphin Jan 16 '22 at 05:06

score 6 · Answer 3 · edited Nov 20 '18 at 05:33

6

npm rebuild node-sass --force : should work

edited Nov 20 '18 at 05:33

Ram Ghadiyaram

28,239
13
95
121

answered Nov 19 '18 at 20:01

Milind Toraskar

71
1
2

score 4 · Answer 4 · answered Jul 30 '18 at 14:48

4

npm rebuild --force - this will rebuild all packages. Only this worked for me

answered Jul 30 '18 at 14:48

Ivan Frolov

103
6

score 1 · Answer 5 · edited Nov 16 '18 at 13:51

1

Try rebuilding node-sass using npm rebuild node-sass and check if that fixes your issue.

edited Nov 16 '18 at 13:51

SiddAjmera

38,129
5
72
110

answered Nov 16 '18 at 11:37

Cpt Kitkat

1,392
4
31
50

score 1 · Answer 6 · edited Jun 20 '20 at 09:12

1

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.

edited Jun 20 '20 at 09:12

Community

1
1

answered Sep 16 '19 at 15:44

Manoj

692
1
10
24

score 0 · Answer 7 · answered Jun 20 '19 at 06:25

0

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

answered Jun 20 '19 at 06:25

Pradeep

350
1
3
13

Whilst this may theoretically answer the question, [it would be preferable](//meta.stackexchange.com/q/8259) to include the essential parts of the answer here, and provide the link for reference. – Anton Menshov Jun 20 '19 at 06:44

score 0 · Answer 8 · answered Aug 24 '19 at 07:57

0

Re-installing webpack solved the issue for me.

npm install --save-dev webpack

or, you can try :

npm rebuild node-sass

answered Aug 24 '19 at 07:57

Abolfazl Roshanzamir

12,730
5
63
79

score 0 · Answer 9 · answered May 15 '20 at 06:48

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)

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

9 Answers9

working solution

Linked