關於安裝 node-Sass 報錯的解決記錄

問題

新建 laravel 專案後
yarn 或 npm install 命令的時候，總不盡人意

解決

• 檢視 npm 配置 npm config list

  1. 將 npm 源切換至淘寶源
     npm config set registry https://registry.npm.taobao.org

  2. 通過 npm 全域性安裝 yarn
     npm install -g yarn

     如果執行 yarn 命令遇到報錯，請將 npm bin -g 所得的路徑新增至 PATH 環境變數中。

• 檢視 yarn 配置 yarn config list

  1. 將 yarn 源切換至淘寶源
     yarn config set registry https://registry.npm.taobao.org
  2. 執行 yarn install alias yarn

** 參考 **

1. 如果遇到錯誤 error An unexpected error occurred: “EINVAL: invalid argument, symlink

   請在你的執行命令之後新增 --no-bin-links
   e.g.
   yarn install –no-bin-links

2. 如果遇到錯誤 error: xxxx node-sass: Command failed
   將 sass-binary-site 新增至 config 中

    yarn config set sass-binary-site https://npm.taobao.org/mirrors/node-sass
    npm config set sass-binary-site https://npm.taobao.org/mirrors/node-sass

   指定 node-sass 從 npm 的淘寶源中下載。

3. 如果遇到錯誤

   ERROR Failed to compile with 2 errors 11:10:34
   error in ./resources/assets/sass/app.scss

   1. 檢查你使用的源是否更換，當然可以選擇使用代理
   2. 檢查 sass-binary-site 是否指定
   3. 執行 yarn install --force node-sass npm 對應的是 npm rebuild node-sass

   我習慣直接 yarn install --force 將整個重新進行構建

4. 如果你使用 yarn 安裝了 vue 這樣的 cli 工具。然後無法執行命令。請將 yarn global bin 新增至 PATH 環境變數中。

5. 如果遇到 cross-env 報錯
   npm i -g cross-env

若任然無法安裝 node-sass ，可手動指定環境變數 SASS_BINARY_PATH，windows 參考如下：

引用：https://www.jianshu.com/p/89f5e094b8ce

注意

因為本文章是所有流程執行完了才寫的，所以可能遇到錯誤的順序不對應，如果有什麼不對的請指出，讓我們一起幫助沒遇到過的人解決他們的錯誤，讓他們更便利的進行開發。因為使用的 yarn ，所以對應的 npm 的指令可能沒有貼出，如果你發現了，請指出來。謝謝

本作品採用《CC 協議》，轉載必須註明作者和本文連結