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版本進行安裝和切換。

 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

 

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章