NodeJs版本过高无法启动Vue项目报错解决方法

本文介绍: 在开发 vue 项目时，我们通常使用 nodejs作为项目的运行环境。但是有时候，由于nodejs 版本过高，可能会导致vue 项目启动报错。nvm是Node Version Mana ger的缩写，可以方便地切换和管理不同版本的nodejs。如果不想使用 nvm 安装低版本 nodejs，也可以手动修改 vue 项目中package.json 文件中的node 依赖版本号。首先，我们需要确定nodejs的版本号。如果输出的版本号不是vue 项目所支持的版本，就需要进行降级操作。方法一：使用 nvm 安装低版本的nodejs。

在开发 vue 项目时，我们通常使用 node js作为项目的运行环境。但是有时候，由于node js 版本过高，可能会导致vue项目启动报错。本文将介绍如何解决 node js 版本过高导致的v ue项目启动报错问题。

首先，我们需要确定no dejs的版本号。可以在命令行中输入以下命令来查看已安装的nodejs版本：

node -v

如果输出的版本号不是v ue项目所支持的版本，就需要进行降级操作。以下是一些常见的降级方法：

方法一：使用nv m 安装低版本的nodejs
nv m是Node Version Mana ger的缩写，可以方便地切换和管理不同版本的nodejs。以下是使用nvm 安装低版本nodejs的步骤：
下载并安装nvm。可以参考官方文档进行下载和安装。
打开终端或命令行窗口，输入以下命令切换到需要安装的低版本nodejs：

nvm install 10.24.1   # 以10.24.1版本为例

确认nodejs版本已经切换成功，可以使用以下命令查看当前版本号：

node -v

确认npm版本是否也切换成功，可以使用以下命令查看当前版本号：

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   # 卸载当前版本的node依赖包
npm install node@10.24.1 --save-dev   # 安装指定版本的node依赖包，并将其添加到devDependencies中（非生产环境依赖）

确认node依赖版本号已经修改成功，在使用以下命令查看当前版本号：

node -v

方法三：更改 p ackage.json文件

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