快捷導(dǎo)航

npm run serve運行vue項目時報錯：Error: error:0308010C:digital envelope routines::unsupported的解決方法

更新時間：2024年04月10日 09:47:45 作者：儒雅的烤地瓜

這篇文章主要介紹了npm run serve運行vue項目時,出現(xiàn)報錯：Error: error:0308010C:digital envelope routines::unsupported的解決方法,文中有詳細(xì)的解決方法,需要的朋友可以參考下

問題描述

用npm run serve運行vue項目時，出現(xiàn)報錯：Error: error:0308010C:digital envelope routines::unsupported

報錯信息

前端項目啟動（npm run dev）和打包時（npm run build:prod）報出如下錯誤，

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports 
....
 
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'
}

問題原因：

經(jīng)過一番探索，終于找到了癥結(jié)所在：主要是nodeJs V17版本發(fā)布了OpenSSL3.0對算法和秘鑰大小增加了更為嚴(yán)格的限制，nodeJs v17之前版本沒影響，但V17和之后版本會出現(xiàn)這個錯誤。

一句話總結(jié)，說白了就是npm升級導(dǎo)致與 openssl 不兼容導(dǎo)致的初始化失敗，也就是node.js版本過高的原因造成的運行失敗。

解決辦法（僅windows）:

方式一：通過更改環(huán)境變量，進(jìn)行控制

1、在package.json的scripts中新增SET NODE_OPTIONS=--openssl-legacy-provider

添加前：

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
},

添加后

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

注意：如果團(tuán)隊中node版本不一致，不要將該package.json提交。

2、與第一種方法類似，在編輯器集成終端里，直接設(shè)置環(huán)境變量，進(jìn)行控制（只能臨時解決）

找到package.json文件右鍵，在集成終端中打開后，直接輸入set NODE_OPTIONS=--openssl-legacy-provider 或 $env:NODE_OPTIONS="--openssl-legacy-provider"回車，然后npm run serve重新運行項目即可。

// windows下
set NODE_OPTIONS=--openssl-legacy-provider
// linux下
export NODE_OPTIONS=--openssl-legacy-provider

方式二：更換node.js版本

以上就是npm run serve運行vue項目時，出現(xiàn)報錯：Error: error:0308010C:digital envelope routines::unsupported的解決方法的詳細(xì)內(nèi)容，更多關(guān)于npm run serve運行vue項目報錯的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: