轉載與:https://segmentfault.com/a/1190000010984731
聲明:本文非原創,如有侵權請留言或發郵件告知,作者會立即停止侵權並刪除本文。發布此文章主要是希望跟作者遇到同樣問題的同學能解決node-sass 安裝失敗的問題。
npm install 時偶爾遇到報錯:沒有安裝python或node-sass 安裝失敗的問題,百度之后發現是被牆了,但根據百度的方法換了淘寶鏡像和用了vpn都安裝失敗,最后發現原來是因為沒有卸載之前安裝失敗的包導致的。作者本人最后的解決方案是npm uninstall node-sass,然后使用VPN重新安裝了一遍就成功了。不能翻牆的同學請看下文
一、node-sass 安裝失敗的原因
npm 安裝 node-sass 依賴時,會從 github.com 上下載 .node 文件。由於國內網絡環境的問題,這個下載時間可能會很長,甚至導致超時失敗。
這是使用 sass 的同學可能都會遇到的郁悶的問題。
二、解決辦法
解決方法一:使用淘寶鏡像源(推薦)
設置變量 sass_binary_site,指向淘寶鏡像地址。示例:
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ // 也可以設置系統環境變量的方式。示例 // linux、mac 下 SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass // window 下 set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass
或者設置全局鏡像源:
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
之后再涉及到 node-sass 的安裝時就會從淘寶鏡像下載。
解決方法二:使用cnpm
使用 cnpm 安裝 node-sass 會默認從淘寶鏡像源下載,也是一個辦法:
cnpm install node-sass
解決方法三:創建.npmrc文件
在項目根目錄創建.npmrc文件,復制下面代碼到該文件: phantomjs_cdnurl=http://cnpmjs.org/downloads sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org
保存后 刪除之前安裝失敗的包(第一次安裝請跳過此步)
npm uninstall node-sass
重新安裝
npm install node-sass
上一個作者后來另一個項目在沒有使用VPN的情況下測試此方法,安裝時報錯 ERR! node-sass@3.8.0 postinstall: `node scripts/build.js 改用方法一成功
解決方法四:下載 .node 到本地
到這里去根據版本號、系統環境,選擇下載 .node 文件,然后安裝時,指定變量 sass_binary_path,如:
npm i node-sass --sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding.node