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版本不合。
我在解決這個問題的時候在網上看了很多方案,我這裏整合一下,我會把我解決這個問題的方案放在首位顯示。
- 根據錯誤提示去下載**__binding.node這個文件。
下載地址:https://github.com/sass/node-sass/releases
**代表系統的位數和版本、根據提示的錯誤去下載。我這裏是提示win32-x64-83_binding.node
這個文件編譯錯誤,於是找到該文件並下載下來,然後修改倉庫引用地址:
*C:\WorkSpace\Maven\win32-x64-83_binding.node換成你存放set SASS_BINARY_PATH=C:\WorkSpace\Maven\win32-x64-83_binding.node
**__binding.node
的路徑即可。
敲回車,然後使用安裝依賴
或yarn add node-sass -D
npm install node-sass -D
這裏建議:之前安裝失敗的node-sass移除,如果不知道安裝了些什麼那就直接將node_modules整個文件夾刪除掉,然後修改長褲應用地址,重新安裝一遍依賴。
- 使用淘寶鏡像
此方法我也才用過,我沒有成功,而且下載很慢,再說了,我是用的是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
- 在項目根目錄創建.npmrc文件,複製下面代碼到該文件。
phantomjs_cdnurl=http://cnpmjs.org/downloads sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org
希望以上的方法對你有所幫助!