vue2/3 - 报错 Error: error:0308010c:digital envelope routines::unsupported（项目run server / run dev运行报错）

已于 2025-01-15 16:57:44 修改
阅读量4.3k 收藏 3
点赞数 3
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) vue常见问题解决 文章标签： vue2 vue3 项目运行报错解决 error 0308010c vue项目无法启动出错 run server run dev
于 2024-06-06 14:43:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_50545213/article/details/139499706
版权
在Vue2和Vue3项目中遇到'Error: error:0308010c:digital envelope routines::unsupported'的报错，通过nvm管理Node.js版本或者检查package.json配置，可以有效解决这个问题。报错通常由Node版本与第三方包不匹配或命令使用不当引起。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题说明

在vue2、vue3项目开发中，项目启动运行时报错：Error: error:0308010c:digital envelope routines::unsupported，执行命令run server、run dev出现报错代码0308010c，不止这一条报错，还会有其他报错信息。反正只要你的报错和我一样，就能百分百解决。

其他教程都无法解决，本文提供的解决方案完美搞定此问题。

在这里插入图片描述

解决教程

首先，这个问题

了解本专栏 订阅专栏 解锁全文
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 项目启动或打包时报错，降低到什么版本
vue2/3 - 运行报错error:0308010C:digital envelope routines::unsupported，详细解决vue运行出错无法启动问题，error:0308010C
高级前端工程师
06-28 1375
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::不受支持”，运行
解决Hbuilderx用Vue3项目模板创建项目后运行出现Error: config must export or return an object.的问题
最新发布
2401_82874935的博客
06-01 461
Vue3项目启动报错解决方案：版本兼容性问题导致Vite配置差异，Vite 2.x不支持defineConfig()函数。建议升级到最新Vite版本，具体步骤：1)查看当前vite和@vitejs/plugin-vue版本；2)在package.json中更新版本号；3)删除node_modules和package-lock.json；4)重新安装依赖并运行。此方法可解决因版本差异导致的配置问题，确保项目正常启动。
Vue 2 ，Vue项目报错：error:0308010C:digital envelope routines::unsupported
热门推荐
weixin_65793170的博客
09-16 3万+
⭐此电脑>属性>高级系统设置>环境变量>系统变量>选择变量Path>点击编辑>点击新建（输入路径），然后记得确定保存呀！报错解决。
Vue3：本地启动Vue3项目失败，报not found xxx moudel
Brave_heart4pzj的博客
03-08 363
Vue3
vue项目启动报错：error:0308010C:digital envelope routines::unsupported
m0_74302248的博客
06-12 550
原因:node.js版本过高, node.js V17版本中发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，因此我们在下载高版本或者最新版本的node的时候会面临一些版本不兼容的问题，所以这里最好建议下载稳定版。安装nodejs16 https://registry.npmmirror.com/binary.html?全局设置vue-cli 配置环境变量中path路径-->D:\npm_repository\npm_global (包含vue.cmd的文件夹)
error:0308010C:digital envelope routines::unsupported(Vue启动报错0308010C)
weixin_45384466的博客
08-04 1329
【代码】error:0308010C:digital envelope routines::unsupported(Vue启动报错0308010C)
解决Error: error:0308010C:digital envelope routines::unsupported
田乐蒙的博客
10-11 493
造成原因是Node版本过高。
Vue 报错error:0308010C:digital envelope routines::unsupported 解决方案
IT_bar的博客
07-18 338
方法一：尝试卸载Node.js 17+版本并重新安装Node.js 16+版本，然后再重新启动。方法二：package.json增加配置（可行）
Vue 报错error:0308010C:digital envelope routines::unsupported 解决方案（三种）
野蛮女孩的博客
09-08 2586
需要注意的是：如果和我一样，使用nvm use xxx之后，执行node -v的时候就提示node不是内部语言时，是因为本身电脑里有node.js，导致在nvm创建node快捷方式的时候，和原文件夹名称一样冲突，结果导致没安装上。但因为我们项目需要用HbuilderX编辑器上的运行和发行按钮来操作，据我分析，HbuilderX应该内部配置了相关的脚本，但我还没有找到在哪里，否则加上“set NODE_OPTIONS=--openssl-legacy-provider && ”应该用这种方法也可以轻松解决。
vue2/3 - 解决报错 error:0308010C:digital envelope routines::unsupported（vue项目运行run或打包build时浏览器控制台报错，详细解决
高级前端工程师
04-12 3008
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项目中，
vue2/3 | nuxt - 报错 Error: error:0308010C:digital envelope routines::unsupported（node项目启动运行、打包时报错，解决）
高级前端工程师
04-17 2919
vue2，vue3，nuxt，node.js，错误代码error:0308010C，Error: error:0308010C:digital envelope routines::unsupported，vue项目运行报错，升级webpack无效，webpack升级后依然无效，node升级降级无效，webpack降级也不行，vite升级无效怎么办，nuxt运行时出现报错，node项目出错怎么办，vue报错怎么办，终端报错无法启动，详细解决教程，nuxt无法启动报错，网站启动不了并报错digital env
解决Vue 报错error:0308010C:digital envelope routines::unsupported问题
恒二哥的博客
07-12 1万+
(3) 选择node.js的安装位置，可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下新建一个文件夹，如C盘、D盘下的根目录）,选好后点击next。(若系统中已经安装node.js，则cmd打开终端，输入where node，查看node的位置，选择此文件目录)；(2) 可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下，如C盘、D盘下的根目录），选好后点击next；(4) 最后一步，点击install即可安装完成。
VUE解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案
weixin_52726621的博客
05-09 2992
VUE报错主要是因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误。报错：Error: error:0308010C:digital envelope routines::unsupported。笔者本人是采用第四种方案解决的，大家可以试试，希望可以帮到大家。方案3:卸载当前版本，安装合适的版本(node.js)方案2：打开IDEA 终端，直接输入（问题解决）
vue3运行报错 Error: Cannot find module ‘vue-loader-v16/package.json‘
weixin_46044574的博客
03-12 316
解决办法 运行 npm i --save-dev vue-loader-v16 就可以了
解决报错：Error:digital envelope routines::unsupported
qq_38969618的博客
09-21 480
降级使用node16版本（如: 16.16.0）运行项目即可。运行AntDesignPro后台项目时，控制台报错，截图如下。（用的node版本为18，18.15.0）antDesignPro版本：5.2.0。使用的node版本过高导致。包管理工具：pnpm。
Vue3启动项目时报错
a1148876的博客
10-17 431
※ 如下载速度过慢，或者报错，可以使用国内的镜像源，如阿里云的npm镜像。的版本，如果不是最新的，需要在官网上下载最新的LTS版本。报错原因是因为npm版本过低，需要升级，升级npm之前需要检查。npm升级结束，重新启动启动vue3项目，成功！新人创作，喜欢请点❤，如有建议请留言~启动项目前使用vue3官方脚手架。
Vue3项目运行时报错，提示Use // eslint-disable-next-line to ignore the next line.
shichong123的博客
10-10 735
Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file
vue3项目启动报错解决
kurhar的博客
09-15 796
lock 文件，把这个文件删除掉。如果还是不可以，就使用下面这个命令。如果可以正常启动了，那就没事。
vue项目运行npm run serve后报错Error: error:0308010C:digital envelope routines::unsupported
08-24
运行`npm run serve`命令时报错`Error: error:0308010C:digital envelope routines::unsupported`。这个错误通常是由于Node.js版本与OpenSSL版本不兼容导致的。您可以尝试以下解决方法： 1. 在运行`npm run serve`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

十一猫咪爱养鱼

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

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

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

打赏作者

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

抵扣说明：

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

余额充值