首页 > 其他分享 >Vue 报错error:0308010C:digital envelope routines::unsupported

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

时间:2024-08-18 09:23:25浏览次数:6  
标签:node 0308010C Vue 版本号 js 报错 版本 nvm 安装

目录

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

windows命令提示符:

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版本号
1212

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行,然后保存

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报错

npm run dev

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

"scripts": {
    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build": "vue-cli-service build"
  },

标签:node,0308010C,Vue,版本号,js,报错,版本,nvm,安装
From: https://blog.csdn.net/Keven_6/article/details/141291804

相关文章

  • 开发一个属性名提示友好的Vue组件
    这两天开发了一个组件,开发好之后想着先本地npmlink用一用试试,然后在vue3项目中link了过来,发现VSCODE没有属性提示,鉴于考虑到一个好的组件应该是提示友好的,于是给组件准备加上属性提示。首先,我的组件包名叫"xxx-xx"这种,然后我是提供了全局安装和仅导入组件的方式importEras......
  • 013、Vue3+TypeScript基础,computed计算属性的使用,结果会被缓存
    01、App.vue代码如下:<template><divclass="app"><h2>{{title}}</h2><!--使用了ref来获取子组件的属性--><Person/></div></template><scriptlang="ts"setupname="App"......
  • 基于springboot和vue的酒店管理系统设计与实现(源码+lw+部署文档+讲解等)
    文章目录前言具体实现截图详细视频演示技术栈系统测试为什么选择我官方认证闲鱼玩家,服务很多代码文档,百分百好评,战绩可查!!入职于互联网大厂,可以交流,共同进步。有保障的售后代码参考数据库参考源码获取前言......
  • VUE基础
    1.VUE简介它是一个构建用户界面的框架Vue是一个前端框架jsjqVue(发音为/vjuː/,类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的......
  • Vue脚手架
    【Vue的环境搭建】1.【掌握】node和npm的说明1.1什么是node和npmNode:是JavaScript的运行时环境。Node并不是一个新的语言,只是js的一个环境,同样的比如:tomcat。Node为js提供了更强大的操作方式,如:在浏览器中,js是无法操作文件的,而node提供了文件操作。在浏览器中,js无法写服务接口,no......
  • Asp.net core SignalR + Vue
    简介:ASP.NETSignalR是一个ASP.NET下的类库,可以在ASP.NET的Web项目中实现实时通信。本文主要讲述如何在Vue.js中使用SignalR,以及断开重连。知识点:前端SignalR的安装如何设置自动重新连接的次数SignalR有关连接的函数自动重连全部失败后,定时重连ASP.NETCORESig......
  • 012、Vue3+TypeScript基础,子页面使用defineExpose暴露成员来给主页面使用
    01、App.vue代码如下:<template><divclass="app"><h2>{{title}}</h2><button@click="showLog">点我数组子页面年龄</button><!--使用了ref来获取子组件的属性--><Personref="person001"/......
  • 011、Vue3+TypeScript基础,template中ref的用法意义
    1、如果多个页面都用同一个id,那么就会报错。用ref可以指明是某个元素,规避报错情况。App.vue代码如下:<template><divclass="app"><h2ref="title2">好好学习,天天向上</h2><button@click="showLog">点我输出h2元素</button><Person/&g......
  • 010、Vue3+TypeScript基础,通过toRefs和toRef把对象的属性变成响应式引用
    1、App.vue代码如下:<template><divclass="app"><h1>好好学习,天天向上</h1><Person/></div></template><script>//JS或TSimportPersonfrom'./view/Person.vue'exportdefault{//A......
  • 基于flask+vue框架的学分预警系统[开题+论文+程序]-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高等教育规模的不断扩大与学分制的深入实施,学生个性化学习需求日益增长,但同时也带来了学业管理上的新挑战。传统的人工管理方式在监控......