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的組件間傳值(包括Vuex)，全文通過舉例子及代碼的形式進(jìn)行了一個簡單的介紹，希望大家能夠理解并且學(xué)習(xí)到其中知識2021-08-08
vue項目打包是我們?nèi)粘＝?jīng)常遇到的,下面這篇文章主要給大家介紹了關(guān)于Vue打包后不同版本詳細(xì)解析的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue3中Vant的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
一文詳解vue各種權(quán)限控制與管理實現(xiàn)思路
這篇文章主要為大家介紹了vue各種權(quán)限控制與管理的實現(xiàn)思路詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)側(cè)邊定位欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Vue 中使用vue2-highcharts實現(xiàn)top功能的示例
下面小編就為大家分享一篇Vue 中使用vue2-highcharts實現(xiàn)top功能的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了js 實現(xiàn)拖拽排序，拖拽排序?qū)τ谛』锇閭儊碚f應(yīng)該不陌生，平時工作的時候，可能會選擇使用類似Sortable.js這樣的開源庫來實現(xiàn)需求。但在完成需求后，大家有沒有沒想過拖拽排序是如何實現(xiàn)的呢？感興趣得話一起來看看下面文章得小心內(nèi)容吧2021-11-11
vue如何封裝自己的Svg圖標(biāo)組件庫(svg-sprite-loader)
這篇文章主要介紹了vue如何封裝自己的Svg圖標(biāo)組件庫(svg-sprite-loader)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
詳解auto-vue-file:一個自動創(chuàng)建vue組件的包
這篇文章主要介紹了auto-vue-file:一個自動創(chuàng)建vue組件的包,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了vue組件間通信全面講解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10