vue - 解决报错 Error: error:0308010C:digital envelope routines::unsupported(Vue项目启动或打包时提示错误,降低node版本没用)

问题说明

在vue2、vue3项目开发中,执行run dev运行 | run build打包时,Vue 报错error:0308010C:digital envelope routines::unsupported,很奇怪的错误,无论是打包编译还是正常运行测试,直接报错终止,并且更改node.js版本依旧无效,试了很多办法都不行,提供详细解决教程!

其他教程都无法解决,在本文你只要报类似的错误就可以完美解决。

在这里插入图片描述

解决教程

首先分析下这个错误,

### Vue 项目启动 OpenSSL 错误解决方案 当使用 Node.js 版本 18 更高版本运行基于 Vue项目,可能会遇到 `Error: error:0308010C:digital envelope routines::unsupported` 这一错误。此错误通常是因为 Node.js 升级后默认启用了更安全的加密算法,而某些依赖项可能尚未完全适配这些新标准。 以下是几种常见的解决方法: #### 方法一:降级 Node.js 到兼容版本 如果项目的开发环境支持较低版本Node.js,则可以通过工具如 nvm(Node Version Manager)切换到较旧的稳定版本(例如 v16.x)。通过以下命令可以实现节点版本管理: ```bash nvm install 16 nvm use 16 ``` 这种方法能够有效规避因高版本引入的新特性而导致的不兼容问题[^3]。 #### 方法二:设置环境变量以启用遗留 OpenSSl 提供者 对于希望继续使用最新版 Node.js 而又不想修改现有代码的情况,可以在启动脚本前加入特定参数来强制加载旧版 OpenSSL 库。具体操作是在执行构建服务启动指令之前定义如下环境变量: ```bash export NODE_OPTIONS=--openssl-legacy-provider npm run dev ``` 者,在 Windows 平台上采用批处理语句形式完成相同效果: ```cmd set NODE_OPTIONS=--openssl-legacy-provider && npm run dev ``` 这种方式无需更改任何源码文件即可快速解决问题[^4]。 #### 方法三:调整 package.json 文件中的脚本部分 另一种持久化上述变更的方法是对 project root 下面的 `package.json` 做适当改动。比如更新 `"scripts"` 字段内的相关内容为下面这样: ```json { "scripts": { "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "vue-cli-service build" } } ``` 注意这里针对不同操作系统需分别编写适合其语法习惯的形式;Linux/macOS 用户应改用 export 来代替 set 关键字。 以上三种途径均能有效地缓解乃至彻底消除该类异常现象的发生几率。实际选用哪种方式取决于个人偏好以及团队协作需求等因素综合考量决定。 ```python print("成功解决Vue项目启动报错的问题") ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

十一猫咪爱养鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值