vue-cli-service serve报错error:0308010C:digital envelope routines::unsupported

更新时间：2023年06月14日 10:22:40 作者：天問

这篇文章主要介绍了vue-cli-service serve报错error:0308010C:digital envelope routines::unsupported的解决分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

引言

升级 node 版本到 v18.3.0 后，执行 npm run dev 启动 vue-cli-service

本地开发服务报错：Error: error:0308010C:digital envelope routines::unsupported。

一、完整报错信息

D:\project\data-web&gt;npm run dev
&gt; datalk@1.0.0 dev
&gt; vue-cli-service serve --mode dev
 INFO  Starting development server...
10% building 2/2 modules 0 activeError: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:417:16)
    at handleParseError (D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:471:10)
    at D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:503:5
    at D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:358:12
    at D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:214:10)
    at iterateNormalLoaders (D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:221:10)
    at D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:236:3
    at runSyncOrAsync (D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:130:11)
    at iterateNormalLoaders (D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:232:2)
    at Array.&lt;anonymous&gt; (D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (D:\project\datalk-web\node_modules\_enhanced-resolve@4.5.0@enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at D:\project\datalk-web\node_modules\_enhanced-resolve@4.5.0@enhanced-resolve\lib\CachedInputFileSystem.js:91:9
10% building 2/5 modules 3 active D:\project\datalk-web\node_modules\_webpack-dev-server@3.11.3@webpack-dev-server\client\index.js?http://0.0.0.0:80node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:417:16)
    at handleParseError (D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:471:10)
    at D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:503:5
    at D:\project\datalk-web\node_modules\_webpack@4.46.0@webpack\lib\NormalModule.js:358:12
    at D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:214:10)
    at Array.&lt;anonymous&gt; (D:\project\datalk-web\node_modules\_loader-runner@2.4.0@loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (D:\project\datalk-web\node_modules\_enhanced-resolve@4.5.0@enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at D:\project\datalk-web\node_modules\_enhanced-resolve@4.5.0@enhanced-resolve\lib\CachedInputFileSystem.js:91:9
    at D:\project\datalk-web\node_modules\_graceful-fs@4.2.10@graceful-fs\graceful-fs.js:123:16
    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 v18.3.0

二、解决办法

需要设置环境变量来解决

Windows

set NODE_OPTIONS=--openssl-legacy-provider

Linux / Mac

export NODE_OPTIONS=--openssl-legacy-provider

完成后，建议重开一个命令行窗口启动服务。

以上就是vue-cli-service serve报错error:0308010C:digital envelope routines::unsupported的详细内容，更多关于vue-cli-service serve报错解决的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

vue3+elementui-plus实现一个接口上传多个文件功能
这篇文章主要介绍了vue3+elementui-plus实现一个接口上传多个文件,先使用element-plus写好上传组件，然后假设有个提交按钮，点击上传文件请求接口，本文结合实例代码给大家介绍的非常详细，需要的朋友可以参考下
2023-07-07
Vue中使用v-model双向数据绑定select、checked等多种表单元素的方法
v-model 指令可以用在表单 input、textarea 及 select 元素上创建双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素,本文给大家介绍Vue中如何使用v-model双向数据绑定select、checked等多种表单元素,感兴趣的朋友一起看看吧
2023-10-10
vue实现样式之间的切换及vue动态样式的实现方法
这篇文章主要介绍了vue中如何实现样式之间的切换及vue动态样式的实现方法，本文给大家介绍的非常详细，具有参考借鉴价值,需要的朋友可以参考下
2017-12-12
搭建vue3项目以及按需引入element-ui框架组件全过程
element是基于vue.js框架开发的快速搭建前端的UI框架,下面这篇文章主要给大家介绍了关于搭建vue3项目以及按需引入element-ui框架组件的相关资料,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下
2024-02-02
axios取消请求与避免重复请求
在项目中经常有一些场景会连续发送多个请求,而异步会导致最后得到的结果不是我们想要的,并且对性能也有非常大的影响,这篇文章主要给大家介绍了关于axios取消请求与避免重复请求的相关资料,需要的朋友可以参考下
2021-06-06
Vue.js和Vue.runtime.js区别浅析
这篇文章主要介绍了Vue.js和Vue.runtime.js区别浅析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
Vue表单控件数据绑定方法详解
本文将详细介绍Vue表单控件数据绑定方法,需要的朋友可以参考下
2020-02-02
详解Vue快速零配置的打包工具——parcel
本篇文章主要介绍了详解Vue快速零配置的打包工具——parcel，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-01-01
vue3在构建时使用魔法糖语法时defineProps和defineEmits的注意事项小结
在 Vue 3.2+ 版本中,可以使用 <script setup> 替代传统的 script标签来编写组件,它提供了更简洁的语法来编写 Composition API 代码,这篇文章主要介绍了vue3在构建时使用魔法糖语法时defineProps和defineEmits的注意事项小结,需要的朋友可以参考下
2024-04-04
Vue组件引用外部js的实战指南
在Vue.js应用开发中,有时候我们需要在组件内部引入外部JavaScript库或脚本文件来增强组件的功能,本文将详细探讨如何在Vue.js项目中安全有效地引用外部JS文件,并提供一系列示例代码来帮助理解这一过程,需要的朋友可以参考下
2024-09-09