目錄

一、遇到問題

二、報(bào)錯(cuò)原因

三、解決辦法

一、遇到問題

在運(yùn)行項(xiàng)目的時(shí)候出現(xiàn)了這個(gè)問題，一開始是因?yàn)闆]有sass，使用命令下載了sass后又報(bào)了這個(gè)錯(cuò)誤

 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

二、報(bào)錯(cuò)原因

出現(xiàn)這個(gè)問題的原因就是可以在報(bào)錯(cuò)中看到我們當(dāng)前的sass版本是9.0.0的，和項(xiàng)目中需要的4.0.0的不一樣，就導(dǎo)致了沖突，那必須要同步一下，要么改項(xiàng)目里面的sass版本，要么把當(dāng)前的sass版本改為項(xiàng)目需要的。這里我選擇把自己的sass降級(jí)改為項(xiàng)目中需要的4.0.0版本

三、解決辦法

查看當(dāng)前項(xiàng)目sass的命令

npm list node-sass

1.卸載原來安裝的sass

npm uninstall node-sass

2.重新安裝sass

npm i -D sass

然后再去運(yùn)行項(xiàng)目就可以了