フロントエンド プロジェクト npm runserve がエラーを報告します。
rror: 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 (D:\company_project\map-edit2\font\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:471:10)
at D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:503:5
at D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:358:12
at D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
at D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:236:3
at runSyncOrAsync (D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
at iterateNormalLoaders (D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at Array.<anonymous> (D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (D:\company_project\map-edit2\font\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at D:\company_project\map-edit2\font\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at module.exports (D:\company_project\map-edit2\font\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:471:10)
at D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:503:5
at D:\company_project\map-edit2\font\node_modules\webpack\lib\NormalModule.js:358:12
at D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array.<anonymous> (D:\company_project\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (D:\company_project\map-edit2\font\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at D:\company_project\map-edit2\font\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at D:\company_project\map-edit2\font\node_modules\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.12.1問題の原因:
原因を確認したところ、nodeJs V17ではOpenSSL3.0がリリースされ、アルゴリズムやキーサイズの制限が強化されたことが主な原因であり、以前のnodeJs v17バージョンには影響ありませんが、V17以降のバージョンではこのエラーが発生するようです。私のノードのバージョンはv18.12.1です
解決策 (Windows のみ):
package.json のスクリプトに SET NODE_OPTIONS=--openssl-legacy-provider を追加します
追加する前に:
"スクリプト": {
"dev": "vue-cli-service サーブ",
"build:prod": "vue-cli-service ビルド"
}、
追加後
"スクリプト": {
"dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-serviceserve",
"build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"
}、