Web前端-Syntax Error: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0

柔光的暖阳◎ 2023-10-03 16:01 47阅读 0赞

运行Vue报错如下：

ERROR  Failed to compile with 1 error     
    
    error  in ./src/assets/styles/ruoyi.scss 
    
    Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWluZ2dlUWluZ2NodW4_size_20_color_FFFFFF_t_70_g_se_x_16][]

报错原因：

sass-loader的版本和node-sass的版本不一致

解决办法：

修改sass-loader的版本或者修改node-sass的版本

node-sass版本安装比较麻烦，选择修改sass-loader版本，在package.json文件中修改完版本号

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWluZ2dlUWluZ2NodW4_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

"sass-loader": "10.2.0" 版本与 node-sass 6.0.0 刚好匹配

在package.json文件中修改完版本号之后，删除整个node\_modules

重新执行

npm install

具体版本对应关系，可参考官方的github仓库

**node-sass:** [Tags · sass/node-sass · GitHub][Tags _ sass_node-sass _ GitHub]

**sass-loader:** [Tags · webpack-contrib/sass-loader · GitHub][Tags _ webpack-contrib_sass-loader _ GitHub]

**Node.js：**[以往的版本 | Node.js][_ Node.js]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWluZ2dlUWluZ2NodW4_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/20210904121844242.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBATWluZ2dlUWluZ2NodW4=,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBATWluZ2dlUWluZ2NodW4_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/20210904115646274.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBATWluZ2dlUWluZ2NodW4=,size_20,color_FFFFFF,t_70,g_se,x_16
[Tags _ sass_node-sass _ GitHub]: https://github.com/sass/node-sass/tags
[Tags _ webpack-contrib_sass-loader _ GitHub]: https://github.com/webpack-contrib/sass-loader/tags
[_ Node.js]: https://nodejs.org/zh-cn/download/releases/