npm runserve を実行すると、エラー メッセージが報告されます: エラー error0308010C デジタル エンベロープ ルーチンはサポートされていません
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 (C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\webpack\lib\NormalModule.js:471:10)
at C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\webpack\lib\NormalModule.js:503:5
at C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\webpack\lib\NormalModule.js:358:12
at C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array.<anonymous> (C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at C:\PycharmProject\行为展示v5\行为展示\display-smart-classroom -\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'
}
理由: バージョンが正しくありません。最初に set NODE_OPTIONS=–openssl-legacy-provider を実行して
から、npm runserve を実行します。
そうでない場合は、set NODE_OPTIONS=–openssl-legacy-provider を package.json のスクリプトで提供するように追加することもできます。
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"scripts": {
"serve": "SET NODE_OPTIONS=--openssl-legacy-provider &vue-cli-service serve",
"build": "vue-cli-service build"
},