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 后，執(zhí)行 npm run dev 啟動 vue-cli-service
本地開發(fā)服務報錯：Error: error:0308010C:digital envelope routines::unsupported。
一、完整報錯信息
D:\project\data-web>npm run dev
> datalk@1.0.0 dev
> 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.<anonymous> (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.<anonymous> (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
二、解決辦法
需要設置環(huán)境變量來解決
- 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?元素上創(chuàng)建雙向數據綁定,它會根據控件類型自動選取正確的方法來更新元素,本文給大家介紹Vue中如何使用v-model雙向數據綁定select、checked等多種表單元素,感興趣的朋友一起看看吧2023-10-10
vue實現樣式之間的切換及vue動態(tài)樣式的實現方法
這篇文章主要介紹了vue中如何實現樣式之間的切換及vue動態(tài)樣式的實現方法，本文給大家介紹的非常詳細，具有參考借鑒價值,需要的朋友可以參考下2017-12-12
搭建vue3項目以及按需引入element-ui框架組件全過程
element是基于vue.js框架開發(fā)的快速搭建前端的UI框架,下面這篇文章主要給大家介紹了關于搭建vue3項目以及按需引入element-ui框架組件的相關資料,文中通過圖文以及代碼介紹的非常詳細,需要的朋友可以參考下2024-02-02
在項目中經常有一些場景會連續(xù)發(fā)送多個請求,而異步會導致最后得到的結果不是我們想要的,并且對性能也有非常大的影響,這篇文章主要給大家介紹了關于axios取消請求與避免重復請求的相關資料,需要的朋友可以參考下2021-06-06
這篇文章主要介紹了Vue.js和Vue.runtime.js區(qū)別淺析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
本文將詳細介紹Vue表單控件數據綁定方法,需要的朋友可以參考下2020-02-02
本篇文章主要介紹了詳解Vue快速零配置的打包工具——parcel，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
vue3在構建時使用魔法糖語法時defineProps和defineEmits的注意事項小結
在 Vue 3.2+ 版本中,可以使用 <script setup> 替代傳統(tǒng)的 script標簽來編寫組件,它提供了更簡潔的語法來編寫 Composition API 代碼,這篇文章主要介紹了vue3在構建時使用魔法糖語法時defineProps和defineEmits的注意事項小結,需要的朋友可以參考下2024-04-04
在Vue.js應用開發(fā)中,有時候我們需要在組件內部引入外部JavaScript庫或腳本文件來增強組件的功能,本文將詳細探討如何在Vue.js項目中安全有效地引用外部JS文件,并提供一系列示例代碼來幫助理解這一過程,需要的朋友可以參考下2024-09-09