整理 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

安裝失敗后重新安裝問題

之前安裝失敗，再安裝就不去下載了，怎么辦呢？那就先卸載再安裝：

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

相關錯誤提示

提示沒有安裝python、build失敗等，如：

 

gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "C:\Users\zhuon\AppData\Local\Programs\Python\Python36\python.EXE", you can set the PYTHON env variable. gyp ERR! stack at PythonFinder.failNoPython (G:\Workspace\ManYan\manyan-nav\node_modules\node-gyp\lib\configure.js:483:19) gyp ERR! stack at PythonFinder.<anonymous> (G:\Workspace\ManYan\manyan-nav\node_modules\node-gyp\lib\configure.js:508:16) gyp ERR! stack at G:\Workspace\ManYan\manyan-nav\node_modules\graceful-fs\polyfills.js:284:29 gyp ERR! stack at FSReqWrap.oncomplete (fs.js:152:21) gyp ERR! System Windows_NT 10.0.15063 gyp ERR! command "C:\\dev\\nodejs\\node.exe" "G:\\Workspace\\ManYan\\manyan-nav\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" gyp ERR! cwd G:\Workspace\ManYan\manyan-nav\node_modules\node-sass gyp ERR! node -v v8.4.0 gyp ERR! node-gyp -v v3.6.2 gyp ERR! not ok Build failed npm WARN co-mocha@1.2.0 requires a peer of mocha@>=1.18 <4 but none was installed. npm WARN egg-restapi-module-tool@1.0.0 No repository field. npm WARN egg-restapi-module-tool@1.0.0 scripts['server'] should probably be scripts['start']. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@3.8.0 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR!