剛剛創(chuàng)建好的vue項(xiàng)目,滿心歡喜決定運(yùn)行起來(lái),然后由于你的組件中使用了scss模式,一運(yùn)行就出現(xiàn)報(bào)錯(cuò)!!!
image.png
原因:未安裝sass,那安裝一下吧
npm install sass sass-loader
再運(yùn)行,還報(bào)錯(cuò)!!!
原因:因?yàn)閟ass需要node-sass依賴,那么再安裝一下依賴吧
npm install node-sass
再運(yùn)行,還報(bào)錯(cuò)!!!
image.png
生氣不!
原因:
node與node-sass版本有對(duì)應(yīng)關(guān)系,可能存在其中一個(gè)版本過(guò)高的問(wèn)題
找一下對(duì)應(yīng)關(guān)系吧!
node和node-sass版本關(guān)系
| NodeJS | Supported node-sass version | Node Module |
|---|---|---|
| Node15 | 5.0+ | 88 |
| Node14 | 4.14+ | 83 |
| Node13 | 4.13+, <5.0 | 79 |
| Node12 | 4.12+ | 72 |
| Node11 | 4.10+, <5.0 | 67 |
| Node10 | 4.9+ | 64 |
先檢查一下自己的node版本
node -v
v14.7.0
我的是14.7,按照版本對(duì)應(yīng)關(guān)系,需要安裝node-sass版本4.14
根據(jù)版本對(duì)應(yīng)表卸載后重新安裝
npm uninstall node-sass
npm install node-sass@4.14.1
我沒(méi)有找到node-sass與sass-loader版本對(duì)應(yīng)關(guān)系,但是實(shí)際中安裝7.3的版本可正常運(yùn)行
npm uninstall sass-loader
npm install node-sass@7.3.1
總結(jié):
其他版本不知道怎么對(duì)應(yīng),但是如果你的node版本為14+,可安裝node-sass4.14+,sass-loader版本可安裝7.3+
