Vue报错ERR_OSSL_EVP_UNSUPPORTED解决方法

 更新时间:2024年08月05日 09:10:03   作者:ASUKAtwo l  
Vue项目启动时报错ERR_OSSL_EVP_UNSUPPORTED,本文主要介绍了Vue报错ERR_OSSL_EVP_UNSUPPORTED解决方法,具有一定的参考价值,感兴趣的可以了解一下

现象

在Vue项目中,启动时报错ERR_OSSL_EVP_UNSUPPORTED。
具体报错内容:

at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error' ],
library: ‘digital envelope routines',
reason: ‘unsupported',
code: ‘ERR_OSSL_EVP_UNSUPPORTED'
}

报错原因

由于node.js版本过高导致和以前的openssl版本不兼容。

解决方法

提供了两种解决方法,二选一。

1.设置环境变量

windows平台:使用命令行输入如下命令:

set NODE_OPTIONS="--openssl-legacy-provider"

linux平台:使用命令行输入如下命令:

export NODE_OPTIONs=--openssl-legacy-provider

2.修改Vue配置文件

在Vue的配置文件package.json中,在script中的serve和build命令中添加set NODE_OPTIONS=--openssl-legacy-provider语句:

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

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

相关文章

  • 解决vscode进行vue格式化,会自动补分号和双引号的问题

    解决vscode进行vue格式化,会自动补分号和双引号的问题

    这篇文章主要介绍了解决vscode进行vue格式化,会自动补分号和双引号的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • Vue中混入mixin的用法介绍

    Vue中混入mixin的用法介绍

    混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项
    2022-10-10
  • vue-calendar-component 封装多日期选择组件的实例代码

    vue-calendar-component 封装多日期选择组件的实例代码

    这篇文章主要介绍了vue-calendar-component 封装多日期选择组件,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • vue项目配置国际化$t('')的介绍和用法示例

    vue项目配置国际化$t('')的介绍和用法示例

    这篇文章主要给大家介绍了关于vue项目配置国际化 $t('')的介绍和用法的相关资料,多语言和国际化现在已经成为一个网站或应用的必要功能之一,Vue作为一款流行的前端框架,在这方面也有着灵活的解决方案,需要的朋友可以参考下
    2023-09-09
  • axios库的核心代码解析及总结

    axios库的核心代码解析及总结

    这篇博客针对axios库的核心代码做一个简要总结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Element PageHeader页头的使用方法

    Element PageHeader页头的使用方法

    这篇文章主要介绍了Element PageHeader页头的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • vue2之jessibuca视频插件使用教程详细讲解

    vue2之jessibuca视频插件使用教程详细讲解

    Jessibuca进行直播流播放,为用户带来便捷、高效的视频观看体验,下面这篇文章主要给大家介绍了关于vue2之jessibuca视频插件使用的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • element ui表格实现下拉筛选功能

    element ui表格实现下拉筛选功能

    这篇文章主要为大家详细介绍了element ui表格实现下拉筛选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • Vue数据更新视图未更新的几种解决方案

    Vue数据更新视图未更新的几种解决方案

    本文主要介绍在vue项目中,遇到数据更新但视图不更新的情况时,无法使用watch监听、无法使用this.$set方法,同时使用this.$forceUpdate()无效时,所使用的解决方案,需要的朋友可以参考下
    2024-02-02
  • vue项目中js-cookie的使用存储token操作

    vue项目中js-cookie的使用存储token操作

    这篇文章主要介绍了vue项目中js-cookie的使用存储token操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11

最新评论