用vue腳手架初始化了一個(gè)項(xiàng)目给涕,然后項(xiàng)目里面的style使用了lang=scss,這時(shí)候需要安裝sass-loader,于是如下步驟;
1.npm install sass-loader
2.npm run dev
結(jié)果發(fā)現(xiàn)報(bào)錯(cuò)如下:
在網(wǎng)上百度了一下說是sass-loader依賴node-sass,于是乎又安裝了node-sass
1.npm install node-sass
2.npm run dev
結(jié)果還是報(bào)錯(cuò):
繼續(xù)百度册舞,網(wǎng)上方案如下:
按照第二種方案嘗試了還是報(bào)錯(cuò),第二天問了一個(gè)同事澳厢,因?yàn)槲铱此罱ǖ捻?xiàng)目沒有安裝node-sass环础,然后總結(jié)如下(一下版本是參考同事已經(jīng)搭建好的版本號(hào)進(jìn)行安裝的):
1.npm install sass-loader@8.0.2
2.npm install sass@1.35.1 -D
3.npm run dev
結(jié)果還是報(bào)錯(cuò):
Modele build failed: TypeError: this.getResolve is not a function at Object.loader...
最后再如下操作(降低sass-loader版本號(hào)為7.3.1)
1.npm uninstall sass-loader
2.npm install sass-loader@7.3.1 -D
3.npm run dev
4.成功啦!JB!线得!
后來又看到了一篇文章(node-sass 下載失敗 解決方案),也許有用 https://github.com/PanJiaChen/vue-element-admin/issues/24