前端 - 运行VUE项目报错？

Question

KimdeMac-Book-air :: v4/code/demo-2 » npm run serve

> demo-1@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...
10% building 2/5 modules 3 active /Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/hot/dev-server.jsError: 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 (/Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at runSyncOrAsync (/Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
    at iterateNormalLoaders (/Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at Array.<anonymous> (/Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/Users/yangqing/Vue/v4/code/demo-2/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /Users/yangqing/Vue/v4/code/demo-2/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 new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/Users/yangqing/Vue/v4/code/demo-2/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/Users/yangqing/Vue/v4/code/demo-2/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /Users/yangqing/Vue/v4/code/demo-2/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
    at /Users/yangqing/Vue/v4/code/demo-2/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'
}

Answer 1

试试以下方式：

1. 使用node.js的v16版本

2. 以管理员运行cmd，执行

   set NODE_OPTIONS=--openssl-legacy-provider

链接在这

Answer 2

试下这个里面的方法：
https://blog.csdn.net/zjjxxh/article/details/127173968

Answer 3

看下这个能不能解决
https://blog.csdn.net/itopit/article/details/127280592