VUE專案無法啟動NODE版本與NODE-SASS、SASS-LOADER版本不相容解決方案

一、錯誤分析

在VUE專案開發中，我們經常會遇到報錯：

Node Sass version 7.0.1 is incompatible with ^4.0.0。

網上解決方案也千奇百怪，最終操作下來，也是搞了個寂寞，專案依舊無法正常執行，通常這種情況普遍都是團隊或者專案使用的NODE版本不一致。

二、版本比對

附npm官網：nodejs和node-sass關係對照表

版本參考，具體以官網更新為準

在VUE2.0專案中我們普遍使用nodeJS（版本）：14 ， node-sass（版本）：4.14+， webpack

在VUE3.0專案中我們普遍是nodeJS（版本）：最新長期穩定版本16+， node-sass（版本）：7+，vite

檢視版本：

node -v

node-sass 請直接編輯工具搜尋node-sass檢視版本號

三、解決方案

這裡我推薦使用nvm（node版本管理工具）

nvm是一個node的版本管理工具，可以對多個node版本進行安裝和切換。

安裝vnm，傻瓜式操作，一直下一步直至結束

檢視vnm安裝是否成功，win+r輸入cmd回車

輸入命令：nvm

nvm安裝node

安裝（後面是版本號，版本檢視地址：https://nodejs.org/en/download/releases/）：

nvm install 14.19.0

檢視是否安裝成功

nvm list

使用專案對應NODE版本（可以看到當前使用的版本前面有個*標識）

nvm use 14.19.0

切換對應版本切換映象源（這裡用的淘寶）

開啟nvm安裝目錄下的settings.txt檔案，輸入以下設定

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

安裝npm（部分版本安裝node後沒有一併安裝npm，所以需要手動安裝）、Yarn操作一致

npm下載地址：http://npm.taobao.org/mirrors/npm/ （下載對應版本的zip檔案）

將檔案解壓到版本對應的 node_modules目錄下，改名成npm

做完上面操作，還需要把npm資料夾bin目錄下的npm和npm.cmd兩個檔案複製一份到對應node版本的根目錄下。

檢視版本是否安裝成功

npm -v

這時候就可以根據專案實際情況使用對應版本號了