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


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

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

    node -v
    
    • 1

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

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

    nvm install 10.24.1   # 以10.24.1版本为例
    
    • 1

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

    node -v
    
    • 1

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

    npm -v
    
    • 1

    确认vue项目是否可以正常启动,可以使用以下命令启动项目:

    npm run serve
    
    • 1

    方法二:修改package.json文件中的node依赖版本号
    如果不想使用nvm安装低版本nodejs,也可以手动修改vue项目中package.json文件中的node依赖版本号。以下是具体的操作步骤:

    打开终端或命令行窗口,进入vue项目的根目录。

    使用以下命令进入package.json文件所在的目录:

    cd package.json所在目录   # 以package.json位于项目根目录为例
    
    • 1

    使用以下命令修改node依赖版本号:

    npm uninstall node   # 卸载当前版本的node依赖包
    npm install node@10.24.1 --save-dev   # 安装指定版本的node依赖包,并将其添加到devDependencies中(非生产环境依赖)
    
    • 1
    • 2

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

    node -v
    
    • 1

    方法三:更改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",
    
    • 1
    • 2
    • 3
    • 4

    以上方法均以是收集于网络,仅供参考

  • 相关阅读:
    MongoDB 备忘
    vite+vue 项目使用 electron
    C++程序以系统时间为文件名记录日志
    ORACLE 在内存管理机制上的演变和进化
    SpringBoot 代码混淆真香,再也不用担心反编译代码泄露...
    升级你的提问技巧:ChatGPT-4o时代,如何让对话更智能?
    K8S中的某个容器突然出现内存和CPU占用过高的情况解决办法
    selenium+python实现基本自动化测试
    centos7安装MySQL5.7
    Oracle 中文排序 Oracle 中文字段排序
  • 原文地址:https://blog.csdn.net/weixin_44220078/article/details/133579999