node-sass 安裝失敗問題解決方案

node-sass 安裝失敗問題解決方案

當我們去github上找到一個前端項目，公式項目整合、調試等場景裏面樣式使用sass、scss來編寫的時候，我們就必不可少的回去安裝sass、node-sass、sass-loader三件套。以前node版本在12.x的時候還好，切使用npm來安裝node-sass除了慢點基本沒啥問題，而現如今node14.x都出來了，webpack4.x+的時代，在安裝node-sass的時候總是會報錯，總是會出現gyp ERR!...之類的錯誤，大多都是**__binding.node這個玩意在牆外，下載慢或者是與node版本不合。

我在解決這個問題的時候在網上看了很多方案，我這裏整合一下，我會把我解決這個問題的方案放在首位顯示。

1. 根據錯誤提示去下載**__binding.node這個文件。
   下載地址：https://github.com/sass/node-sass/releases
   **代表系統的位數和版本、根據提示的錯誤去下載。我這裏是提示win32-x64-83_binding.node這個文件編譯錯誤，於是找到該文件並下載下來，然後修改倉庫引用地址：

   set SASS_BINARY_PATH=C:\WorkSpace\Maven\win32-x64-83_binding.node
   

   *C:\WorkSpace\Maven\win32-x64-83_binding.node換成你存放**__binding.node的路徑即可。
   敲回車，然後使用安裝依賴

   yarn add node-sass -D
   

   或

   npm install node-sass -D
   

   這裏建議：之前安裝失敗的node-sass移除，如果不知道安裝了些什麼那就直接將node_modules整個文件夾刪除掉，然後修改長褲應用地址，重新安裝一遍依賴。

2. 使用淘寶鏡像
   此方法我也才用過，我沒有成功，而且下載很慢，再說了，我是用的是yarn下載依賴，使用的就是淘寶鏡像也不成功，此方法待考量。

   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
   

   也可以全局使用淘寶鏡像cnpm安裝，個人習慣不喜歡cnpm，我以前使用過此方法解決過node-sass問題，的確有效，但是cnpm的其他包容易出現一些奇奇怪怪的問題，現在放棄使用了。

   cnpm install node-sass
   

   3. 在項目根目錄創建.npmrc文件，複製下面代碼到該文件。

   phantomjs_cdnurl=http://cnpmjs.org/downloads
   sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
   registry=https://registry.npm.taobao.org
   

希望以上的方法對你有所幫助！