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
– flppv, Commented Mar 16, 2019 at 11:27

flppv · Accepted Answer · 2019-03-15 02:23:45Z

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, 2019 at 2:23

answered May 30, 2018 at 15:27

flppv

4,2995 gold badges40 silver badges58 bronze badges

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

Comments

giveJob · Accepted Answer · 2019-10-10 15:20:34Z

10

This worked for me

npm install --save-dev node-sass

edited Oct 10, 2019 at 15:20

answered Oct 10, 2019 at 6:58

giveJob

1,5483 gold badges19 silver badges31 bronze badges

2 Comments

Devner Over a year ago

This literally worked at the first attempt! Thanks a ton for sharing!

Dolphin Over a year ago

is it possible do not use node sass but using dart sass? the node-sass was not recommand. @giveJob

Ram Ghadiyaram · Accepted Answer · 2018-11-20 05:33:23Z

6

npm rebuild node-sass --force : should work

edited Nov 20, 2018 at 5:33

Ram Ghadiyaram

29.4k16 gold badges102 silver badges133 bronze badges

answered Nov 19, 2018 at 20:01

Milind Toraskar

711 silver badge2 bronze badges

Comments

Ivan Frolov · Accepted Answer · 2018-07-30 14:48:12Z

4

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

answered Jul 30, 2018 at 14:48

Ivan Frolov

1036 bronze badges

Comments

SiddAjmera · Accepted Answer · 2018-11-16 13:51:48Z

1

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

edited Nov 16, 2018 at 13:51

SiddAjmera

39.6k7 gold badges77 silver badges113 bronze badges

answered Nov 16, 2018 at 11:37

Cpt Kitkat

1,4024 gold badges36 silver badges56 bronze badges

Comments

Abolfazl Roshanzamir · Accepted Answer · 2019-08-24 07:57:47Z

1

Re-installing webpack solved the issue for me.

npm install --save-dev webpack

or, you can try :

npm rebuild node-sass

answered Aug 24, 2019 at 7:57

Abolfazl Roshanzamir

15.1k9 gold badges76 silver badges83 bronze badges

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

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, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 16, 2019 at 15:44

Manoj

7222 gold badges10 silver badges24 bronze badges

Comments

Sunny Sharma · Accepted Answer · 2020-05-15 06:48:34Z

1

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)

answered May 15, 2020 at 6:48

Sunny Sharma

5,0045 gold badges41 silver badges76 bronze badges

Comments

Pradeep · Accepted Answer · 2019-06-20 06:25:12Z

-1

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, 2019 at 6:25

Pradeep

3761 gold badge3 silver badges14 bronze badges

1 Comment

Anton Menshov Over a year ago

Whilst this may theoretically answer the question, it would be preferable to include the essential parts of the answer here, and provide the link for reference.

Collectives™ on Stack Overflow

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

9 Answers 9

Comments

2 Comments

Comments

Comments

Comments

Comments

working solution

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

Comments

2 Comments

Comments

Comments

Comments

Comments

working solution

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related