版本冲突error in ./src/styles/element-variables.scss：Node Sass version 9.0.0 is incompatible with ^4.0.0

╰半橙微兮° 2023-10-16 00:16 37阅读 0赞

**目录**

一、遇到问题

二、报错原因

三、解决办法

--------------------

## 一、遇到问题 ##

在运行项目的时候出现了这个问题，一开始是因为没有sass，使用命令下载了sass后又报了这个错误

![e0906d41bcda4efa87c92c87fa1f6470.png][]

ERROR  Failed to compile with 1 error                                            10:03:17 ├F10: AM┤
    
     error  in ./src/styles/element-variables.scss
    
    Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.
    
    
     @ ./src/styles/element-variables.scss 4:14-234 15:3-20:5 16:22-242
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://192.168.0.101:9527/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

## 二、报错原因 ##

出现这个问题的原因就是可以在报错中看到我们当前的sass版本是9.0.0的，和项目中需要的4.0.0的不一样，就导致了冲突，那必须要同步一下，要么改项目里面的sass版本，要么把当前的sass版本改为项目需要的。这里我选择把自己的sass降级改为项目中需要的4.0.0版本

## 三、解决办法 ##

查看当前项目sass的命令

npm list node-sass

**1.**卸载原来安装的sass

npm uninstall node-sass

**2.**重新安装sass

npm i -D sass

然后再去运行项目就可以了

[e0906d41bcda4efa87c92c87fa1f6470.png]: https://img-blog.csdnimg.cn/e0906d41bcda4efa87c92c87fa1f6470.png