node18 vue2启动报错 error:0308010C:digital envelope routines::unsupported

出现原因

貌似是因为是因为 node 17版本开始发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响。

解决方法

第一种方法降低node版本

降低到17以下即可 ,如项目不能降低版本 看后面的解决方式

第二种方法 设置NODE_OPTIONS环境变量

打开终端 这种只是临时设置变量 想永久设置

mac / linux设置方法

shell 复制代码
 export NODE_OPTIONS=--openssl-legacy-provider

打开cmd ,window设置方法

shell 复制代码
set NODE_OPTIONS=--openssl-legacy-provider

执行完以上命令后 再重新npm run dev 问题已解决。

第三种方法 package.json增加配置

在scripts 中dev加配置命令 set NODE_OPTIONS=--openssl-legacy-provider &&

shell 复制代码
"scripts": {
    "local": "set NODE_OPTIONS=--openssl-legacy-provider &&  vue-cli-service serve --mode local",
    "dev": "set NODE_OPTIONS=--openssl-legacy-provider &&  vue-cli-service serve --mode dev"
  },

以上三中方式随便选其中一种解决即可

相关推荐
skyymrj9 天前
Vue3 + Tailwind CSS 后台管理系统教程
前端·css·vue
程序猿小D9 天前
[附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+Vue实现的校园二手交易平台管理系统,推荐!
java·数据库·mysql·spring·vue·毕业设计·校园二手交易平台
伍哥的传说9 天前
react gsap动画库使用详解之text文本动画
前端·vue.js·react.js·前端框架·vue·html5·动画
伍哥的传说10 天前
react gsap动画库使用详解之scroll滑动动画
前端·javascript·vue.js·react.js·前端框架·vue·动画
sunbyte10 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DrinkWater(喝水记录组件)
前端·javascript·css·vue.js·vue
麦兜*10 天前
【node】Mac m1 安装nvm 和node
java·前端·vue.js·chrome·macos·vue·nvm
胡斌附体10 天前
关于vue.mixin与vue.use的用法分析
vue·区别·mixin·通用·use·生活类比
海的诗篇_11 天前
前端开发面试题总结-vue3框架篇(二)
前端·javascript·vue.js·面试·前端框架·vue
泓博12 天前
npm包冲突install失败
npm·vue
海的诗篇_12 天前
前端开发面试题总结-vue3框架篇(一)
前端·css·vue.js·面试·vue·html