如何解決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文件夾下面，這是再次去下載就可以下載成功了

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