首頁 > web前端 > js教程 > 主體

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

不言
發布: 2019-03-23 16:19:40
轉載
4035 人瀏覽過

這篇文章帶給大家的內容是關於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中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!