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

目录

一、遇到问题

二、报错原因

三、解决办法

---

一、遇到问题

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

 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

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