vue-element-admin中node-sass換成dart-sass，安裝依賴報(bào)code 128等問題

1、node-sass換成dart-sass

在使用vue-element-admin這個(gè)后臺(tái)管理框架中，安裝依賴的時(shí)候或多或少都會(huì)遇見一些問題，其中最常見的莫過于下圖這個(gè)！

這是因?yàn)閚ode-sass在windows環(huán)境中必須安裝python2和Visual Studio才能編譯成功。由此可見這個(gè)問題多么的。。。

現(xiàn)在可以通過把node-sass換成dart-sass來解決這個(gè)問題，更換的方式也非常簡(jiǎn)單。

npm uninstall node-sass

npm install sass -S -D

但是有一點(diǎn)需要注意的是，替換 node-sass 之后就是它不再支持之前 sass 的那種 /deep/ 寫法，需要統(tǒng)一改為 ::v-deep 的寫法。
在這里我們?nèi)炙阉鬟M(jìn)行替換即可，然后就可以愉快的運(yùn)行項(xiàng)目了。

2、安裝依賴報(bào)code 128的問題

首先是這種情況

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

還有以下這種情況

這種情況是秘鑰問題，git在本地重新生成以下，在gitHub上重新配置即可解決。

3、unable to resolve dependency tree

這是因?yàn)閚pm版本過高導(dǎo)致，降低版本即可。
npm install npm@6.14.10 -g

擴(kuò)展：vue中把node-sass換成dart-sass方式（解決辦法）

一、替換原因

因?yàn)閚ode-sass和node.js版本關(guān)聯(lián)太緊了，如果這兩個(gè)版本不匹配，就會(huì)起沖突，導(dǎo)致項(xiàng)目無法運(yùn)行。

ps：值得一提的是node版本和要運(yùn)行的項(xiàng)目使用的依賴版本相差太大也會(huì)導(dǎo)致運(yùn)行失敗，這就需要降低node版本了

二、art-sass和node-sass的區(qū)別

 node-sass是實(shí)時(shí)編譯的，dart-sass是需要保存后才會(huì)生效

dart-sass的優(yōu)點(diǎn)：

（1）可以使用sass和css新特性

（2）避免項(xiàng)目以及其他的依賴升級(jí)node-sass導(dǎo)致不兼容問題

（3）不存在二進(jìn)制文件安裝，避免了node-sass因?yàn)橐蕾嚻渌募?dǎo)致運(yùn)行失敗

dart-sass的缺點(diǎn)：

（1）執(zhí)行編譯過程中，dart-sass內(nèi)存占用比node-sass要大一點(diǎn)

（2）相對(duì)于node-sass使用c++實(shí)現(xiàn)的樣式預(yù)處理器。用純JavaScript實(shí)現(xiàn)的dart-sass就慢了一點(diǎn)

三、替換方法

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,安裝依賴報(bào)code 128多種問題的解決方法的文章就介紹到這了,更多相關(guān)vue node-sass換成dart-sass內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論