快捷導(dǎo)航

NodeJs版本過高無法啟動Vue項目報錯的幾種解決方法

更新時間：2023年12月04日 10:47:08 作者：億點鴨梨

在開發(fā)vue項目時,我們通常使用nodejs作為項目的運行環(huán)境,但是有時候,由于nodejs版本過高,可能會導(dǎo)致vue項目啟動報錯,這篇文章主要給大家介紹了關(guān)于NodeJs版本過高無法啟動Vue項目報錯的幾種解決方法,需要的朋友可以參考下

前言

在開發(fā)vue項目時，我們通常使用nodejs作為項目的運行環(huán)境。但是有時候，由于nodejs版本過高，可能會導(dǎo)致vue項目啟動報錯。本文將介紹如何解決nodejs版本過高導(dǎo)致的vue項目啟動報錯問題。

首先，我們需要確定nodejs的版本號。可以在命令行中輸入以下命令來查看已安裝的nodejs版本：

node -v

如果輸出的版本號不是vue項目所支持的版本，就需要進行降級操作。以下是一些常見的降級方法：

方法一：使用nvm安裝低版本的nodejs

nvm是Node Version Manager的縮寫，可以方便地切換和管理不同版本的nodejs。以下是使用nvm安裝低版本nodejs的步驟：

下載并安裝nvm。可以參考官方文檔進行下載和安裝。

打開終端或命令行窗口，輸入以下命令切換到需要安裝的低版本nodejs：

nvm install 10.24.1   # 以10.24.1版本為例

確認nodejs版本已經(jīng)切換成功，可以使用以下命令查看當(dāng)前版本號：

node -v

確認npm版本是否也切換成功，可以使用以下命令查看當(dāng)前版本號：

npm -v

確認vue項目是否可以正常啟動，可以使用以下命令啟動項目：

npm run serve

方法二：修改package.json文件中的node依賴版本號

如果不想使用nvm安裝低版本nodejs，也可以手動修改vue項目中package.json文件中的node依賴版本號。以下是具體的操作步驟：

打開終端或命令行窗口，進入vue項目的根目錄。

使用以下命令進入package.json文件所在的目錄：

cd package.json所在目錄   # 以package.json位于項目根目錄為例

使用以下命令修改node依賴版本號：

npm uninstall node   # 卸載當(dāng)前版本的node依賴包
npm install node@10.24.1 --save-dev   # 安裝指定版本的node依賴包，并將其添加到devDependencies中（非生產(chǎn)環(huán)境依賴）

確認node依賴版本號已經(jīng)修改成功，在使用以下命令查看當(dāng)前版本號：

node -v

方法三：更改package.json文件

"dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --open",
"build:prod": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build --report",
"build:stage": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build --mode staging",
"preview": "set NODE_OPTIONS=--openssl-legacy-provider && node build/index.js --preview",

以上方法均以是收集于網(wǎng)絡(luò)，僅供參考