当前位置: 首页 > news >正文

vue项目node版本过高导致vue-cli项目无法运行

vue项目node版本过高导致vue-cli项目无法运行

场景

参与一个前端项目,但是项目node版本低,本机的node版本过高,启动项目报错

解决方式一

更改package.json文件,解决版本过高的不兼容

"dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --open",
"build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build --report",

重点:在以前的基础上加上set NODE_OPTIONS=--openssl-legacy-provider

解释:

设置 NODE_OPTIONS=--openssl-legacy-provider 是为了解决Node.js 18+ 版本中因OpenSSL 3.0 不支持MD4算法导致的构建错误(如 digital envelope routines:unsupported)(来源于AI,有的说17版本就有这个问题,当版本高时,就尝试下)

解决方式二

使用nvm安装低版本的nodejs

# 查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)
nvm list available
# 安装指定的版本
nvm install 10.23.0
# 查看安装的所有版本
nvm list
nvm ls
# 进入或切换版本
nvm use 18.15.0
# 测试
node -v
npm -v

node&nvm(cnpm、yarn)下载安装配置

nvm不能下载安装低版本node解决办法

解决方式三

卸载原版本node,安装适配版本

参考

node&nvm(cnpm、yarn)下载安装配置

的node原生安装部分

但是不建议,多个项目,多个版本,就太恶心了(可以实现一个切换脚本,来更改node版本,有时间可以实现下)

解决方式四

修改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

选择

  • 快速解决选择一,推荐
  • 有nvm经验选择二,推荐
  • 四没尝试过,也还算便捷
  • 三不推荐(有脚本,可以使用,会比较方便)

参考文献

https://www.cnblogs.com/licin/p/17987880
https://www.cnblogs.com/shui-notes/p/18637938
https://juejin.cn/post/7435637774853193754
http://www.gsyq.cn/news/99580.html

相关文章:

  • 探索改进蜣螂优化算法(IDBO):提升性能的多维度创新
  • 【JAVA项目】基于JAVA的养老院管理系统
  • 整车热管理AMESim学习之旅:资料与模型探索
  • JMeter自搭与商用压测平台:效率成本对比及最优方案推荐
  • vscode c / cpp 关闭红色波浪线
  • 前端技术风险防控:以防为主,防控结合
  • XXL-TOOL v2.4.0 发布 | 布隆过滤器、Excel流式读写、高性能BeanCopy
  • 给女神发“在吗”,她回了个表情包是几个意思?—— 硬核探讨TCP 三次握手
  • 抖音卖货起号精细化运营第一天看懂五维四率复盘
  • BLOG-2-数字电路模拟程序及课堂测验
  • Vue.js如何设计大文件上传的日志记录与监控?
  • 详细介绍:【C++STL】priority_queue 模拟实现与仿函数实战
  • 提前备赛GESP(统一讲解了从C++2级到C++7级的考点与策略) - 教程
  • 完整教程:JAVA同城服务场馆预约门店预约健身房瑜伽馆预约系统支持H5小程序APP源码
  • 复现《基于扩展(EKF)和无迹卡尔曼滤波(UKF)的电力系统动态状态估计
  • vue基于Spring Boot的军事论坛军迷交流平台_6c496w86
  • 第二十七周周报
  • Superset,基于web的开源BI工具,github三万star
  • 嵌入式周记1
  • 每天五分钟:leetcode动态规划-递归与递推_day2
  • 昇腾CANN从单算子到融合优化实战
  • 聊聊三相、五相电机的容错控制
  • 降AI率就要牺牲文笔?WriterPro第一个不服!实测对比比原文写得还好,这文笔简直绝了
  • 基于Java的安全许可证智慧管理系统的设计与实现全方位解析:附毕设论文+源代码
  • K8S-蓝绿发布与金丝雀发布
  • 打开软件出现找不到vcomp140.dll文件 无法运行的情况 下载修复解决
  • 基于Java的安全评价师智慧管理系统的设计与实现全方位解析:附毕设论文+源代码
  • 打开软件出现找不到vcruntime140.dll文件 无法运行的情况 下载修复解决
  • 当AI开始“说人话“:微软VibeVoice如何让机器300毫秒内开口
  • 字符串(String)是编程语言中一种非常基础且重要的数据类型