Vue报错error:0308010C:digital envelope routines::unsupported的解决方法

 更新时间:2023年03月16日 10:58:50   作者:柠檬果子青  
这篇文章主要给大家介绍了关于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.尝试卸载Node.js 17+版本并重新安装Node.js 16+版本,然后再重新启动

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

1.从官网下载安装包: https://github.com/coreybutler/nvm-windows/releases,下载:nvm-setup.exe

2.开始进行nvm安装:

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

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

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

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

3.验证是否安装成功

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

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

4.安装node.js

(1) 输入命令行nvm ls available查看可用的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 16.17.0)

(3) 安装成功后,输入命令行nvm use node版本号(nvm use 16.17.0)

若报错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.10.0)即可删除对应版本

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

npm run dev

总结

到此这篇关于Vue报错error:0308010C:digital envelope routines::unsupported解决的文章就介绍到这了,更多相关Vue报错error:0308010C内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue实现移动端table表格简单方法

    vue实现移动端table表格简单方法

    这篇文章主要给大家介绍了关于vue实现移动端table表格简单方法的相关资料,使用Vue.js开发移动应用程序时,经常需要使用各种UI组件,其中el-table是一个常用的表格组件,可以方便地展示数据,需要的朋友可以参考下
    2023-09-09
  • 深入理解Vue-cli搭建项目后的目录结构探秘

    深入理解Vue-cli搭建项目后的目录结构探秘

    本篇文章主要介绍了深入理解Vue-cli搭建项目后的目录结构探秘,具有一定的参考价值,有兴趣的可以了解一下
    2017-07-07
  • Vue3中Hooks封装的技巧详解

    Vue3中Hooks封装的技巧详解

    这篇文章主要来和大家分享一些关于 Vue3中Hooks封装的技巧,希望能够为大家在 Vue 3 项目中更好地利用 Hooks 提供一些思路和实践经验
    2023-12-12
  • Vue实现的父组件向子组件传值功能示例

    Vue实现的父组件向子组件传值功能示例

    这篇文章主要介绍了Vue实现的父组件向子组件传值功能,结合完整实例形式简单分析了vue.js组件传值的相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • vue create、vue webpack init创建vue项目产生的项目文件的区别

    vue create、vue webpack init创建vue项目产生的项目文件的区别

    这篇文章主要介绍了vue create、vue webpack init创建vue项目产生的项目文件的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • Vue数据双向绑定的实现方式讲解

    Vue数据双向绑定的实现方式讲解

    Vue数据双向绑定原理:Vue内部通过Object.defineProperty方法属性拦截的方式,把data对象里每个数据的读写转化成getter/setter,当数据变化时通知视图更新
    2022-08-08
  • 让Vue也可以使用Redux的方法

    让Vue也可以使用Redux的方法

    这篇文章主要介绍了让Vue也可以使用Redux的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • 通过Element ui往页面上加一个分页导航条的方法

    通过Element ui往页面上加一个分页导航条的方法

    这篇文章主要介绍了通过Element ui往页面上加一个分页导航条的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • vue.js中过滤器的使用教程

    vue.js中过滤器的使用教程

    过滤器是一个通过输入数据,能够及时对数据进行处理并返回一个数据结果的简单函数。下面这篇文章主要给大家介绍了关于vue.js中过滤器使用的相关资料,需要的朋友可以参考借鉴,下面来看看详细的介绍。
    2017-06-06
  • 少女风vue组件库的制作全过程

    少女风vue组件库的制作全过程

    这篇文章主要给大家介绍了关于少女风vue组件库的制作全过程,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05

最新评论