模块构建失败: 错误：`sass-loader` 需要 `node-sass` >=4。请安装兼容的版本。

Question

你能帮我吗？当我输入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)

- FiryCode

---

你尝试过升级到4或更高版本了吗？ - Mozahler

npm i node-sass - Vikas

同样的问题它没有起作用。 - FiryCode

请将 angular 和 angular6 标签删除，它们与此无关。在这里使用 npm 标签更为合适。 - flppv

Answer 1

你需要在项目文件夹中运行npm rebuild（或npm rb）命令。

此命令在匹配的文件夹上运行npm构建命令。当你安装新版本的node并必须使用新二进制重新编译所有C++附加组件时，这很有用。

来源

- flppv

Answer 2

这对我起了作用。

npm install --save-dev node-sass

- giveJob

---

这真的在第一次尝试中起作用了！非常感谢您的分享！ - Devner

有没有可能不使用node-sass，而是使用Dart Sass？Node-sass并不被推荐使用。@giveJob - Dolphin

Answer 3

npm rebuild node-sass --force：应该可以解决问题。

- Milind Toraskar

Answer 4

npm rebuild --force - 这将重新构建所有的包。只有这个方法对我起了作用。

- Ivan Frolov

Answer 5

可行解决方案

步骤1 rm -rf node_modules 这会递归删除目录（现有的node模块，需要一两分钟）

步骤2 npm install 这肯定会起作用，我已经尝试过并且成功了。

- Manoj

Answer 6

尝试使用npm rebuild node-sass重新构建node-sass，然后检查是否解决了你的问题。

- Cpt Kitkat

Answer 7

如果您在将node-sass升级到4以上版本后仍然遇到此问题，请按照以下线程操作：

Sass-loader需要node-sass >= 4，即使存在该版本。

- Pradeep

---

虽然这理论上回答了问题，但最好在此处包含答案的基本部分，并提供参考链接。 - Anton Menshov

Answer 8

重新安装webpack解决了我的问题。

npm install --save-dev webpack

或者，你可以尝试：

npm rebuild node-sass

- Abolfazl Roshanzamir

Answer 9

检查支持的版本。截至目前，我在我的计算机上安装了node 12.x，并花了一个小时运行npm install node-sass和npm rebuild node-sass，并使用--force和--save-dev提示。

什么都没用，直到我卸载了node 12.x并安装了node 10.x。因此，如果您遇到相同的问题并且无法解决，请尝试以下操作：

• 检查您的Node版本（运行node -v），如果它高于10.x
• 从计算机中卸载Node 12.x
• 下载并安装Node 10.x
• 重新启动控制台/编辑器（不是所有人都需要此步骤，可能可以在不执行此步骤的情况下工作）

- Sunny Sharma