vue-element-admin中node-sass換成dart-sass,安裝依賴報code?128多種問題的解決方法
vue-element-admin中node-sass換成dart-sass,安裝依賴報code 128等問題
1、node-sass換成dart-sass
在使用vue-element-admin這個后臺管理框架中,安裝依賴的時候或多或少都會遇見一些問題,其中最常見的莫過于下圖這個!

這是因為node-sass在windows環(huán)境中必須安裝python2和Visual Studio才能編譯成功。由此可見這個問題多么的。。。
現(xiàn)在可以通過把node-sass換成dart-sass來解決這個問題,更換的方式也非常簡單。
npm uninstall node-sass npm install sass -S -D
但是有一點需要注意的是,替換 node-sass 之后就是它不再支持之前 sass 的那種 /deep/ 寫法,需要統(tǒng)一改為 ::v-deep 的寫法。
在這里我們?nèi)炙阉鬟M(jìn)行替換即可,然后就可以愉快的運行項目了。
2、安裝依賴報code 128的問題
首先是這種情況

這個問題應(yīng)該很多人遇見過,之前遇見的時候,多試幾次或者掛梯子即可解決,但是前天試了好多遍都不行,網(wǎng)上的方法也試了很多,沒有解決,后來問大神說把DNS改成1.1.1.1,果然神奇的解決了。
還有以下這種情況

這種情況是秘鑰問題,git在本地重新生成以下,在gitHub上重新配置即可解決。
3、unable to resolve dependency tree

這是因為npm版本過高導(dǎo)致,降低版本即可。
npm install npm@6.14.10 -g
擴(kuò)展:vue中把node-sass換成dart-sass方式(解決辦法)
一、替換原因
因為node-sass和node.js版本關(guān)聯(lián)太緊了,如果這兩個版本不匹配,就會起沖突,導(dǎo)致項目無法運行。
ps:值得一提的是node版本和要運行的項目使用的依賴版本相差太大也會導(dǎo)致運行失敗,這就需要降低node版本了
二、art-sass和node-sass的區(qū)別
node-sass是實時編譯的,dart-sass是需要保存后才會生效
dart-sass的優(yōu)點:
(1)可以使用sass和css新特性
(2)避免項目以及其他的依賴升級node-sass導(dǎo)致不兼容問題
(3)不存在二進(jìn)制文件安裝,避免了node-sass因為依賴其他文件導(dǎo)致運行失敗
dart-sass的缺點:
(1)執(zhí)行編譯過程中,dart-sass內(nèi)存占用比node-sass要大一點
(2)相對于node-sass使用c++實現(xiàn)的樣式預(yù)處理器。用純JavaScript實現(xiàn)的dart-sass就慢了一點
三、替換方法
1.終端輸入如下命令卸載node-sass
npm uninstall node-sass
2.安裝dart-sass
npm install --dev sass
這樣就用dart-sass替代了node-sass完成了
到此這篇關(guān)于vue-element-admin中node-sass換成dart-sass,安裝依賴報code 128多種問題的解決方法的文章就介紹到這了,更多相關(guān)vue node-sass換成dart-sass內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
淺談Vue static 靜態(tài)資源路徑 和 style問題
這篇文章主要介紹了淺談Vue static 靜態(tài)資源路徑 和 style問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
element?ui時間日期選擇器el-date-picker報錯Prop?being?mutated:"
在日常開發(fā)中,我們會遇到一些情況,限制日期的范圍的選擇,下面這篇文章主要給大家介紹了關(guān)于element?ui時間日期選擇器el-date-picker報錯Prop?being?mutated:?"placement"的解決方式,需要的朋友可以參考下2022-08-08
element-ui?el-upload實現(xiàn)上傳文件及簡單的上傳文件格式驗證功能
前端上傳文件后,后端接受文件進(jìn)行處理后直接返回處理后的文件,前端直接再將文件下載下來,下面這篇文章主要給大家介紹了關(guān)于element-ui?el-upload實現(xiàn)上傳文件及簡單的上傳文件格式驗證功能的相關(guān)資料,需要的朋友可以參考下2022-11-11
vue2導(dǎo)航根據(jù)路由傳值,而改變導(dǎo)航內(nèi)容的實例
下面小編就為大家?guī)硪黄獀ue2導(dǎo)航根據(jù)路由傳值,而改變導(dǎo)航內(nèi)容的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
vue如何將html內(nèi)容轉(zhuǎn)為圖片并下載到本地
這篇文章主要介紹了vue如何將html內(nèi)容轉(zhuǎn)為圖片并下載到本地,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-01-01
Vue結(jié)合Video.js播放m3u8視頻流的方法示例
本篇文章主要介紹了Vue+Video.js播放m3u8視頻流的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-05-05

