解決方法

node-sass 是 ruby 時代遺留下來的“寶貝”，依賴各種遠古編譯環(huán)境，如 Python2.7、G++等，而現(xiàn)在我們再去裝會碰到各種報錯。

實際上，我們用 sass 替代 node-sass 即可。dart-sass 兼容 node-sass 的 API，而且安裝過程無需下載二進制文件，這樣大家就不需要安裝 node-sass 了。

package.json
{
    "sass": "^1.68.0",
}

編譯不會報錯，但是會有一些過時寫法的警告。

Deprecation Warning: $weight: Passing a number without unit % (0) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

   ?
42 │     color: mix($--tag-success-color, $--color-white, $fontColorWeight);

node-sass 安裝過程分析

首先了解一下 node-sass 安裝的過程：

• npm 拉下 node-sass包；

• 根據(jù)node版本和node-sass版本拉取對應的binding.node編譯器，原因是sass的編譯語言比較特殊，需要下載對應版本的編譯器才能編譯；（node scripts/install.js 階段）

• 如果能拉下binding.node就【安裝成功】；

  如果找不到對應的binding.node包，即失敗，然后就會嘗試本地編譯。

失敗原因分析

一、網(wǎng)絡不穩(wěn)定

首先要知道的是，安裝 node-sass 時在 node scripts/install.js 這個階段會從 github.com 上下載一個 .node 文件，大部分安裝不成功的原因都源自這里，因為 GitHub Releases 里的文件都托管在 s3.amazonaws.com 上面，而這個網(wǎng)址在國內(nèi)總是"網(wǎng)絡不穩(wěn)定"，所以我們需要通過第三方服務器下載這個文件。

二、本地編譯沒有Python環(huán)境

三、node-sass版本與當前Node版本不匹配

因node版本與node-sass版本不匹配導致 binding.node 拉不下來，無法編譯。

node-sass 版本的兼容性不好，老項目中依賴的 node-sass 很可能已經(jīng)不兼容新的 node 版本，對應版本兼容參考如下官方倉庫

比如我在 Node 8 的環(huán)境下安裝 node-sass@3.13.1, 安裝的時候就會出現(xiàn)找不到對應的 binding.node 而報錯，如下：

$ npm install --save-dev node-sass
> node-sass@3.13.1 install D:\WorkSpace\mumble-next-ng\node_modules\gulp-sass\node_modules\node-sass
> node scripts/install.js

Downloading binary from http://npm.taobao.org/mirrors/node-sass/v3.13.1/win32-x64-57_binding.node
Cannot download "http://npm.taobao.org/mirrors/node-sass/v3.13.1/win32-x64-57_binding.node":

HTTP error 404 OK

四、沒有清理緩存

每次裝包失敗報錯后記得都要 npm uninstall xxx 清除裝包錯誤留下的緩存。

比如 npm i -D node-sass 報錯了，就要執(zhí)行一遍 npm uninstall node-sass，然后再重新安裝。

總結(jié)

到此這篇關于解決node-sass安裝各種坑的文章就介紹到這了,更多相關node-sass安裝坑解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論