npm和yarn安裝node-sass的問題解決方法介紹

這篇文章帶給大家的內容是關於npm和yarn安裝node-sass的問題解決方法介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

node-sass

npm 安裝 node-sass 依賴時，會從 github.com 下載 .node 檔案。由於國內網路環境的問題，這個下載時間可能會很長，甚至導致逾時失敗。
這是使用 sass 的同學可能都會遇到的鬱悶的問題。

npm下載

解決方法如下

1直接切換淘寶來源

局部设置
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
全局设置
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艱難多了
上訴切換還是會失敗的
需要自己手動下載包才行

當我們yarn下載node-sass時，會報錯。這個主要是解析的時候出錯了。
我們查看node_modulesnode-sassvendor路徑下的檔案
我這邊假設是win32-x64-57
而資料夾內部卻是空的
這裡面的檔案就是下載了，最後到時解析失敗。我們就需要手動去下載這個檔案
https://github.com/sass/node-...
在上述網址找到win32-x64-57版本的binding.node；即win32-x64-57_binding .node
下載下來。
那麼接下來我們需要去找到yarn的快取位址，yarn下載的時候都是優先查看快取
我們可以透過

yarn cash dir

我們可以找到對應的快取位址
我這邊是

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

然後在這裡面找到對應的node-sass
我們可以看到內部沒有vendor文件，那麼把剛才的vendor文件夾都複製進來，並且將win32-x64-57_binding.node改名為binding.node放到win32-x64-57資料夾下面，這是再次去下載就可以下載成功了

本篇文章到這裡就已經全部結束了，更多其他精彩內容可以關注PHP中文網的JavaScript影片教學專欄！

以上是npm和yarn安裝node-sass的問題解決方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！