問題描述：
報錯：Error: error:0308010C:digital envelope routines::unsupported
報錯原因：
主要是因?yàn)?nodeJs V17 版本發(fā)布了 OpenSSL3.0 對算法和秘鑰大小增加了更為嚴(yán)格的限制，nodeJs v17 之前版本沒影響，但 V17 和之后版本會出現(xiàn)這個錯誤。 我的node版本是v18+

報錯詳細(xì)信息：

  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 (D:\XXX\map-edit2\font\node_modules\webpack\lib\util\createHash.js:135:53)
        at NormalModule._initBuildHash (D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:417:16)
        at handleParseError (D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:471:10)
        at D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:503:5
        at D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:358:12
        at D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:373:3
        at iterateNormalLoaders (D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
        at iterateNormalLoaders (D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
        at D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:236:3
        at runSyncOrAsync (D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
        at iterateNormalLoaders (D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
        at Array.<anonymous> (D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
        at Storage.finished (D:\XXX\map-edit2\font\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
        at D:\XXX\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:\XXX\map-edit2\font\node_modules\webpack\lib\util\createHash.js:135:53)
        at NormalModule._initBuildHash (D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:417:16)
        at handleParseError (D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:471:10)
        at D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:503:5
        at D:\XXX\map-edit2\font\node_modules\webpack\lib\NormalModule.js:358:12
        at D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:373:3
        at iterateNormalLoaders (D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
        at Array.<anonymous> (D:\XXX\map-edit2\font\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
        at Storage.finished (D:\XXX\map-edit2\font\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
        at D:\XXX\map-edit2\font\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
        at D:\XXX\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

解決方案:

方案1：（僅限 windows）
在項(xiàng)目中 package.json 的 scripts 中新增 SET NODE_OPTIONS=--openssl-legacy-provider

添加前：

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

添加后:

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

方案2：打開終端，直接輸入

Linux & Mac OS：

export NODE_OPTIONS=--openssl-legacy-provider

Windows：

set NODE_OPTIONS=--openssl-legacy-provider

方案3：打開終端，直接輸入（問題解決）
$env:NODE_OPTIONS="--openssl-legacy-provider"

方案4：卸載當(dāng)前版本，安裝合適的版本(node.js)

筆者本人是采用第一種方案解決的，大家可以試試，希望可以幫到大家。