Vue 报错error:0308010C

原创 已于 2024-02-25 16:19:50 修改 · 354 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

于 2023-03-29 11:15:21 首次发布
文章提到Vue在使用node.jsV17及更高版本时，由于OpenSSL3.0的严格限制导致报错。建议通过设置环境变量或回退到Node.jsV16来解决问题。方法包括在终端中添加环境变量选项或直接卸载并重新安装旧版本Node.js。

Vue 报错error:0308010C:digital envelope routines::unsupported
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.

方法1.打开终端（按健win+R弹出窗口，键盘输入cmd,然后敲回车）并按照说明粘贴这些：（不一定行，本人失败了）
Linux & Mac OS (windows git bash)

export NODE_OPTIONS=–openssl-legacy-provider
1
windows命令提示符:

set NODE_OPTIONS=–openssl-legacy-provider
1
方法2.尝试卸载Node.js 17+版本并重新安装Node.js 16+版本，然后再重新启
测试审核，可以驳回一下吗

forget_fly
关注
“Error: error:0308010C:digital envelope routines::unsupported”启动vue项目遇到一个错误【已解决】
JavaPub
05-18 736
(4) Vue 报错error:0308010C:digital envelope routines::unsupported. https://blog.csdn.net/zjjxxh/article/details/127173968.我启动vue项目遇到一个错误 “Error: error:0308010C:digital envelope routines::unsupported”导致的，而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成影响⁴。你好，这是Bing。
vue - 解决报错 Error: error:0308010C:digital envelope routines::unsupported（Vue项目启动或打包时提示错误，降低node版本没用）
高级前端工程师
01-02 1万+
vue2，vue3，Error: error:0308010C:digital envelope routines::unsupported报错，启动运行项目报错，项目打包编译发布报错，node降级了也没用，Vue 报错error:0308010C:digital envelope routines::unsupported，在项目打包的时候npm run build，控制台报错，web项目启动解决报错，最新详细解决办法，还是不行，npm run dev运行报错，vue 项目启动或打包时报错，降低到什么版本
解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案
热门推荐
逸轩
11-19 9万+
问题描述： 报错：Error: error:0308010C:digital envelope routines::unsupported 报错原因： 主要是因为nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误。 我的node版本是v18+
Node:解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案
天涯的浪子
03-07 2万+
Node:解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案
解决 Node.js 18+ 构建错误：digital envelope routines::unsupported 完全指南
最新发布
一起coding，一起嗨。
11-14 753
解决 Node.js 18+ 构建错误：digital envelope routines::unsupported 完全指南
Vue 报错error:0308010C:digital envelope routines::unsupported
Keven_6的博客
08-18 2455
(3) 选择node.js的安装位置，可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下新建一个文件夹，如C盘、D盘下的根目录）,选好后点击next。(2) 可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下，如C盘、D盘下的根目录），选好后点击next。OLD STABLE：这一列列出的是 Node.js 的旧的稳定版本。可查看你安装的所有node.js版本号，以及你当前所选择的node.js运行版本。
Vue 2 ，Vue项目报错：error:0308010C:digital envelope routines::unsupported
NorthCity Smile的博客（NcSmile，博主域名：https://ncmile.blog.youkuaiyun.com）
09-16 3万+
⭐此电脑>属性>高级系统设置>环境变量>系统变量>选择变量Path>点击编辑>点击新建（输入路径），然后记得确定保存呀！报错解决。
vue2/3 - 报错 Error: error:0308010c:digital envelope routines::unsupported（项目run server / run dev运行报错）
高级前端工程师
06-06 4689
vue，报错，vue2，vue3，node.js，npm，yarn，cnpm，出现错误，项目启动报错，vue报错Error: error:0308010c:digital envelope routines::unsupported，解决方案，如何解决，降低node版本还是不行，突然无法启动项目了，npm run dev，npm run server，opensslErrorStack: ['error:03000086:digital envelope routines::initialization e
vue2/3 - 运行报错error:0308010C:digital envelope routines::unsupported，详细解决vue运行出错无法启动问题，error:0308010C
高级前端工程师
06-28 1472
vue，nuxt.js，vue2，vue3，vue报错，vue运行报错，vue编译，vue项目启动时报错，error:0308010C:digital envelope routines::unsupported，出错，OpenSSL，node.js，怎么解决这个问题，启动就报错，npm run serve，npm run dev，启动，错误：0308010C:数字信封例程：不受支持，Node.js如何修复“错误：错误：0308010c:digital envelope routines::不受支持”，运行
vue2/3 - 解决报错 error:0308010C:digital envelope routines::unsupported（vue项目运行run或打包build时浏览器控制台报错，详细解决
高级前端工程师
04-12 3151
vue，vue2，vue3，node.js，error:0308010C:digital envelope routines::unsupported，vue错误代码0308010C，浏览器控制台报错，如何解决vue报错，vue报错digital envelope routines::unsupported，node报错如何解决，npm run dev，npm run build，运行报错，打包报错，vue前端，无法解决怎么办，更换了版本也不行怎么办，换了node版本也不行咋办，在vue2、vue3项目中，
VUE解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案
weixin_52726621的博客
05-09 3201
VUE报错主要是因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误。报错：Error: error:0308010C:digital envelope routines::unsupported。笔者本人是采用第四种方案解决的，大家可以试试，希望可以帮到大家。方案3:卸载当前版本，安装合适的版本(node.js)方案2：打开IDEA 终端，直接输入（问题解决）
error:0308010C:digital envelope routines::unsupported
cangqiongxiaoye的博客
09-01 4863
vue 报错处理 error:0308010C:digital envelope routines::unsupported
Vue 运行Error: error:0308010C:digital envelope routines::unsupported 错误
a15818221700的博客
12-20 483
这个错误通常与Node.js的加密模块和OpenSSL版本有关, 可以尝试以下方式解决。在Node.js环境中，尤其是在使用最新的Node.js版本时，您可能会遇到。Windows操作系统 (cmd命令行找到 指定vue项目)方式三：安装旧版本nodejs。方式一：设置环境变量。
vue项目启动时报错：error:0308010C:digital envelope routines::unsupported
lryh_的博客
02-21 1204
此错误与 Node.js 的加密模块有关，特别是在使用 OpenSSL 3.0 及以上版本时。Vue 项目在启动时可能会依赖一些旧的加密算法，而这些算法在 OpenSSL 3.0 中默认被禁用，导致。降级 Node.js 到 16.x 或更早的版本，这些版本默认使用 OpenSSL 1.1.x，不会出现这个问题。方法2：降级 Node.js 版本。在终端中运行以下命令，然后启动项目。（来管理 Node.js 版本）切换到 Node.js 16.x。安装 Node.js 16.x。（仅对当前终端会话有效）
Webpack 解决：Error: error:0308010C:digital envelope routines::unsupported 的问题
狮子座的男孩
10-12 3393
在项目打包的时候 `npm run build`，控制台报错，并抛出一个 `Node.js v18.16.0` 的问题；
若依启动报错error:0308010C:digital envelope routines::unsupported
克里斯蒂亚诺更新的博客
12-27 382
这个错误是由于 Node.js 和 OpenSSL 之间的兼容性问题引起的，通常在 Node.js 17 及以上版本中会出现。指示某些加密操作在当前环境中不受支持，通常与 Webpack 或其插件（如。）在构建过程中进行哈希计算时相关。
Webpack报错Error: error:0308010C:digital envelope routines::unsupported处理
weixin_42202992的博客
09-25 827
Webpack报错Error: error:0308010C:digital envelope routines::unsupported处理方案
vue项目npm启动报错 error：0308010C
08-28
<think>我们正在处理一个关于Vue项目启动时报错的问题，错误信息是：error:0308010C:digital envelope routines::unsupported。根据引用内容，这个问题通常与Node.js版本（特别是v17及以上）中引入的OpenSSL 3.0有关，它增加了对允许算法和密钥大小的严格限制，导致一些旧项目不兼容。 解决方案通常有以下几种： 1. 降低Node.js版本：将Node.js版本降级到v16或更低（因为v16及以下使用OpenSSL 1.1.1，不会出现此问题）。 2. 设置环境变量：在启动命令前设置`NODE_OPTIONS=--openssl-legacy-provider`，这样可以让Node.js使用旧的OpenSSL提供者。 3. 修改package.json中的脚本：在启动命令前添加环境变量设置（适用于Windows和Linux/macOS命令有差异）。 根据引用[3]，可以在package.json的scripts中修改： 对于Windows: "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build" 对于Linux/macOS: "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build" 另外，引用[4]提到，使用高版本Node.js（如18+）启动Vue2项目时可能遇到此问题，建议使用稳定版本（如Node.js v16）。 因此，我们给出以下步骤： 方法1：降低Node.js版本（推荐） 步骤1：安装Node版本管理工具nvm（如果尚未安装）。 步骤2：使用nvm安装Node.js v16（或更低版本）。 nvm install 16 步骤3：切换到Node.js v16。 nvm use 16 步骤4：重新运行项目。 方法2：设置环境变量（如果不方便降级Node版本） 在package.json的scripts中修改启动命令，根据操作系统设置环境变量。 对于Windows系统，修改scripts部分： "scripts": { "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build" } 对于Linux/macOS系统，修改scripts部分： "scripts": { "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build" } 然后重新运行：npm run serve 方法3：通过命令行设置环境变量（临时） 在运行命令前设置环境变量： Windows: set NODE_OPTIONS=--openssl-legacy-provider npm run serve Linux/macOS: export NODE_OPTIONS=--openssl-legacy-provider npm run serve 注意：方法3每次启动都需要设置。 根据引用[3]和引用[4]，这些方法都是有效的。请根据实际情况选择。 此外，如果项目使用的是Vite，可能也需要类似的配置，但具体配置方式可能略有不同，但原理相同（设置环境变量）。 最后，如果上述方法都不行，请检查是否有其他因素导致问题，例如依赖包是否完整（可以删除node_modules并重新npm install）。 现在，我们生成相关问题：</think>### Vue项目启动报错 `error:0308010C:digital envelope routines::unsupported` 的解决方案 此错误通常发生在 Node.js v17+ 版本中，主要原因是 **OpenSSL 3.0 对加密算法的严格限制**与旧版 Vue（尤其是 Vue2）不兼容。以下是已验证的解决方案： --- #### ✅ 方法 1：修改 `package.json` 脚本（推荐） 在 `package.json` 的 `scripts` 中添加环境变量： ```json "scripts": { "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build" } ``` > **适用场景**：Windows 系统（Linux/macOS 将 `set` 替换为 `export`）[^3]。 --- #### ✅ 方法 2：降级 Node.js 版本 1. 安装 Node 版本管理工具 `nvm`： ```bash # Windows choco install nvm # macOS/Linux curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash ``` 2. 切换到兼容版本（如 v16.20.2）： ```bash nvm install 16.20.2 nvm use 16.20.2 ``` > **注意**：v16 是 LTS 版本，默认使用 OpenSSL 1.1.1，兼容性更好[^4]。 --- #### ✅ 方法 3：全局环境变量（临时方案） 启动前在终端运行： ```bash # Windows set NODE_OPTIONS=--openssl-legacy-provider npm run serve # Linux/macOS export NODE_OPTIONS=--openssl-legacy-provider npm run serve ``` --- #### 💡 根本原因分析 - **OpenSSL 3.0 限制**：Node.js v17+ 使用 OpenSSL 3.0，禁止了旧版加密算法（如 `MD4`）[^2]。 - **影响范围**：Vue2 项目、Webpack 4 及以下版本的项目易触发此问题。 - **Vue3 项目**：若使用 Vite 构建通常无此问题，但需检查 `webpack` 相关依赖。 --- #### 验证是否解决 运行命令后，若控制台显示以下内容即成功： ```bash App running at: - Local: http://localhost:8080/ - Network: http://192.168.x.x:8080/ ``` --- ### 📚 相关问题 1. **如何检查当前 Node.js 使用的 OpenSSL 版本？** > 终端执行 `node -p "process.versions.openssl"` 可查看版本号。 2. **Vue3 项目出现此错误该如何解决？** > Vue3 项目通常由 Vite 构建，需检查是否混用了 Webpack 插件。可尝试升级 `@vitejs/plugin-vue` 或显式设置环境变量[^2]。 3. **降级 Node.js 后仍报错的可能原因？** > 可能是缓存未清理：删除 `node_modules` 和 `package-lock.json`，重新运行 `npm install`[^4]。 4. **Docker 环境中如何规避此问题？** > 在 Dockerfile 中指定基础镜像： > `FROM node:16.20.2-alpine` > 并添加环境变量： > `ENV NODE_OPTIONS=--openssl-legacy-provider` [^1]: 引用自 Vue 项目报错解决指南，详细分析 OpenSSL 3.0 的兼容性问题。 [^2]: 引用自 Vue 项目启动报错分析
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值