如何解決npm和yarn安裝node-sass的問題

如何解決npm和yarn安裝node-sass的問題？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

node-sass

npm 安裝 node-sass 依賴時，會從 github.com 上下載 .node 文件。由于國內(nèi)網(wǎng)絡(luò)環(huán)境的問題，這個下載時間可能會很長，甚至導(dǎo)致超時失敗。
這是使用 sass 的同學(xué)可能都會遇到的郁悶的問題。

npm下載

解決方法如下

1直接切換淘寶源

局部設(shè)置
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
全局設(shè)置
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

2增加配置文件.npmrc

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org

以上方法就可以下載成功了

yarn下載

yarn的下載要比npm艱難多了
上訴切換還是會失敗的
需要自己手動下載包才行

當(dāng)我們yarn下載node-sass時，會報錯。這個主要是解析的時候出錯了。
我們查看node_modulesnode-sassvendor路徑下的文件
我這邊假設(shè)是win32-x64-57
而文件夾內(nèi)部卻是空的
這里面的文件就是下載了，最后到時解析失敗。我們就需要手動去下載這個文件
https://github.com/sass/node-...
在上述地址找到win32-x64-57版本的binding.node；即win32-x64-57_binding.node
下載下來。
那么接下來我們需要去找到y(tǒng)arn的緩存地址，yarn下載的時候都是優(yōu)先查看緩存
我們可以通過

yarn cash dir

我們可以找到對應(yīng)的緩存地址
我這邊是

C:\Users\xxx\AppData\Local\Yarn\Cache\v1

然后在這里面找到對應(yīng)的node-sass
我們可以看到內(nèi)部沒有vendor文件，那么把剛才的vendor文件夾都復(fù)制進(jìn)來，并且將win32-x64-57_binding.node改名為binding.node放到win32-x64-57文件夾下面，這是再次去下載就可以下載成功了

感謝各位的閱讀！看完上述內(nèi)容，你們對如何解決npm和yarn安裝node-sass的問題大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。