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

时间:2018-05-24 00:29:31

标签: angular angular6

你能帮帮我吗?当我点击时,我收到了这个错误

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)

10 个答案:

答案 0 :(得分:16)

您需要在项目文件夹中运行npm rebuild(或npm rb)。

  

此命令在匹配的文件夹上运行npm build命令。这在安装新版本的节点时很有用,并且必须使用新的二进制文件重新编译所有C ++插件。

Source

答案 1 :(得分:3)

这对我有用

npm install --save-dev node-sass

答案 2 :(得分:1)

npm rebuild --force-这将重建所有软件包。只有这个对我有用

答案 3 :(得分:1)

npm rebuild node-sass --force:应该可以工作

答案 4 :(得分:1)

重新安装webpack为我解决了这个问题。

npm install --save-dev webpack

或者,您可以尝试:

npm rebuild node-sass

答案 5 :(得分:0)

如果即使在将node-saas升级到4以上版本后仍遇到此问题,请遵循以下线程

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

答案 6 :(得分:0)

工作解决方案

第1步rm -rf node_modules,它以递归方式删除目录(现有的节点模块需要一两个分钟)

第2步npm install肯定会起作用,我确实尝试过并且起作用。

enter image description here

答案 7 :(得分:0)

检查支持的版本。截至日期,我在计算机上安装了节点12.x,并花了一个小时运行npm install node-sassnpm rebuild node-sass提示的--force--save-dev

在卸载节点12.x并安装节点10.x之前,所有操作均无效。因此,如果遇到相同的问题而无法正常工作,请尝试以下操作

  • 检查节点版本(运行node -v)是否高于10.x
  • 从计算机上卸载Node 12.x
  • 下载并安装Node 10.x
  • 重新启动控制台/编辑器(并非全部必需,并且如果没有此步骤,可能会起作用)

答案 8 :(得分:-1)

尝试使用$user重建node-sass,并检查是否可以解决您的问题。

答案 9 :(得分:-1)

尝试以管理员模式运行命令。它将起作用。