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 -vnpm -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"
  },
相关推荐
别拿曾经看以后~15 分钟前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
我要洋人死17 分钟前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人29 分钟前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人30 分钟前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR35 分钟前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香37 分钟前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q24985969340 分钟前
前端预览word、excel、ppt
前端·word·excel
小华同学ai1 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书
Gavin_9151 小时前
【JavaScript】模块化开发
前端·javascript·vue.js
懒大王爱吃狼2 小时前
Python教程:python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍