一、錯誤分析
在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版本進行安裝和切換。
nvm安裝包下載地址:https://github.com/coreybutler/nvm-windows/releases
安裝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版本對應npm版本:https://nodejs.org/zh-cn/download/releases/
將檔案解壓到版本對應的 node_modules目錄下,改名成npm
做完上面操作,還需要把npm資料夾bin目錄下的npm和npm.cmd兩個檔案複製一份到對應node版本的根目錄下。
檢視版本是否安裝成功
npm -v
這時候就可以根據專案實際情況使用對應版本號了