Vue 报错error:0308010C:digital envelope routines::unsupported

目录

Vue 报错error:0308010C:digital envelope routines::unsupported

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

方法1.打开终端(按健win+R弹出窗口,键盘输入cmd,然后敲回车)并按照说明粘贴这些:

Linux & Mac OS (windows git bash)

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

windows命令提示符:

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

方法2.安装vnm及node版本

① 安装nvm管理工具(先关掉360等软件,不然会弹出警告!)

从nvm官网:https://github.com/coreybutler/nvmwindows/releases ,下载:nvm-setup.exe

② 开始进行nvm安装:

(1) 鼠标双击 nvm-setup.exe 文件,选择"我接受..."那一行,点击next

(2) 可以根据自身情况自定义选择路径盘,路径不要出现空格或中文符号(路径最好是在路径盘的根目录下,如C盘、D盘下的根目录),选好后点击next

(3) 选择node.js的安装位置,可以根据自身情况自定义选择路径盘,路径不要出现空格或中文符号(路径最好是在路径盘的根目录下新建一个文件夹,如C盘、D盘下的根目录),选好后点击next。(若系统中已经安装node.js,则cmd打开终端,输入where node,查看node的位置,选择此文件目录)

(4) 最后一步,点击install即可安装完成

③ 验证是否安装成功

进入命令控制行窗口(win+R,输入cmd),

输入 nvm -v ,出现版本号即成功。

4.安装node.js

(1) 在命令行输入 nvm ls available 查看可用的node.js版本号

nvm ls available 命令用于列出可以安装的 Node.js 版本。输出的表格中有四列,每一列代表不同的 Node.js 版本类型(部分列表):

  • CURRENT:这一列列出的是 Node.js 的最新稳定版本。这些版本包含了最新的特性和改进,但可能不如 LTS 版本稳定。

  • LTS:这一列列出的是 Node.js 的长期支持(Long Term Support)版本。这些版本在一段较长的时间内都会得到维护和支持,适合需要稳定运行环境的生产环境使用。

  • OLD STABLE:这一列列出的是 Node.js 的旧的稳定版本。这些版本已经不再是最新的,但在过去的一段时间内,它们曾经是稳定版本。

  • OLD UNSTABLE:这一列列出的是 Node.js 的旧的不稳定版本。这些版本在过去的一段时间内,它们曾经是不稳定版本,包含了一些实验性的特性和改进。

若报错:Could not retrieve https://nodejs.org/dist/latest/...

则打开nvm的安装目录,打开settings.txt文件,增加2行,然后保存

bash 复制代码
node_mirror:https://npm.taobao.org/mirrors/node/
npm_mirror:https://npm.taobao.org/mirrors/npm/

(2) 输入命令行nvm install node版本号 (例如:nvm install 12) 安装node版本

(3) 安装成功后,输入命令nvm use node版本号 使用node版本(如:nvm use 12.22.12)

若报错exit status 1: ��û���㹻��Ȩ��ִ�д˲�����

则权限不够,以管理员身份运行cmd

具体方法:点击电脑左下方搜索->输入cmd->以管理员身份运行(命令提示符)->重新输入nvm use

(4) 验证是否成功

分别输入命令行node -v和npm -v,检验node.js以及对应npm是否安装成功,如果可以显示版本号这说明安装成功。

小窍门:

1.输入命令行 nvm ls 可查看你安装的所有node.js版本号,以及你当前所选择的node.js运行版本

(2) 如果想删除某node.js版本的话,输入命令行 nvm uninstall node 版本号(例如:nvm uninstall 18.18.2)即可删除对应版本

2.重启应用,无0308010C报错

bash 复制代码
npm run dev

方法3. 在项目package.json文件中增加配置

bash 复制代码
"scripts": {
    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build": "vue-cli-service build"
  },
相关推荐
To_OC3 小时前
同样是让 AI 写全栈,为什么别人一句话就够了
前端·前端框架·next.js
CDwenhuohuo3 小时前
electron pc项目打包成桌面端
前端·javascript·electron
前端大斗师3 小时前
「大于 1000」把 1000 元那单也算进去了:我在 Vue3 订单页对了 10 句话
前端·人工智能·typescript·大模型·原力计划
Jmyd01234 小时前
用 Web VR 引擎搭建 3D 虚拟展厅:从素材上云到多端实时渲染的完整数据链路
前端·3d·vr·三维数字化
刘天远5 小时前
Agent成本核算实现:事件表、状态分布与Python归集
前端·数据库·人工智能·python
欣欣之王来了5 小时前
开发环境准备:Node.js、npm、VS Code安装配置
前端·学习·架构·项目·vue3教程
xiaolinudao1235 小时前
将多个 Excel 表格中的数据合并到单个表中|6 种实现方案全解析
java·前端·excel
计算机毕设定制辅导-无忧学长5 小时前
《校园食堂在线订餐小程序的设计与实现》
java·vue.js·spring boot·微信小程序·uniapp·校园食堂在线订餐小程序
LRL_6 小时前
跨平台 Node 模块安装指南:如何利用 pnpm/npm 配置`supportedArchitectures` 锁定平台依赖
前端·npm·node.js
EatFan6 小时前
React 项目踩坑实录:useEffect 闭包陷阱、Context 性能陷阱与 React 18 升级避坑排查手册
前端·javascript·react.js·react·react hooks·useeffect·闭包陷阱