前端npm项目启动报错：error:0308010C:digital envelope routines::unsupported_angular前端工程运行npm run dev提示:0308010c:digital envelo

刚刚开通了一个公众号，会分享一些技术博客和自己觉得比较好的项目，同时会更新一些自己使用的工具和图书资料，后面会整理一些面试资料进行分享，觉得有兴趣的可以关注一下。

项目场景：

最近前端项目有需求，项目使用的是angular，想研究一下。

问题描述

没想到启动npm run start-local直接报错了，报错代码如下：

10% building 3/3 modules 0 activei ｢wds｣: Project is running at https://localhost:9500/webpack-dev-server/
i ｢wds｣: webpack output is served from /
i ｢wds｣: 404s will fallback to //index.html
10% building 3/4 modules 1 active C:\test\node_modules\webpack-dev-server\client\index.js?https://0.0.0.0:0/sockjs-node&sockPath=/sockjs-nodenode: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 (C:\test\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\test\node_modules\webpack\lib\NormalModule.js:412:16)
    at C:\test\node_modules\webpack\lib\NormalModule.js:444:10
    at C:\test\node_modules\webpack\lib\NormalModule.js:320:13
    at C:\test\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at C:\test\node_modules\loader-runner\lib\LoaderRunner.js:203:19
    at VirtualFileSystemDecorator.readFile (C:\test\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:46:13)
    at processResource (C:\test\node_modules\loader-runner\lib\LoaderRunner.js:202:11)
    at iteratePitchingLoaders (C:\test\node_modules\loader-runner\lib\LoaderRunner.js:158:10)
    at runLoaders (C:\test\node_modules\loader-runner\lib\LoaderRunner.js:365:2)
    at NormalModule.doBuild (C:\test\node_modules\webpack\lib\NormalModule.js:292:3)
    at NormalModule.build (C:\test\node_modules\webpack\lib\NormalModule.js:438:15)
    at Compilation.buildModule (C:\test\node_modules\webpack\lib\Compilation.js:702:10)
    at C:\test\node_modules\webpack\lib\Compilation.js:944:14 {
  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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

原因分析：

其实真正执行的是ng serve --configuration=local --ssl，因为之前项目用的node版本是16,我刚刚升级到18，node版本比较高，导致不兼容了。

解决方案：

在命令行输入命令修改环境变量：$env:NODE_OPTIONS="--openssl-legacy-provider"，或者在启动命令里面加上set NODE_OPTIONS=--openssl-legacy-provider &&即可。

• $env:NODE_OPTIONS="--openssl-legacy-provider"
  直接在命令行里输入这一行代码，然后直接运行即可。npm run start-local
  

• 在启动命令里面加上set NODE_OPTIONS=--openssl-legacy-provider &&
  找到package.json里面的运行命令scripts里面的start-local,添加上set NODE_OPTIONS=--openssl-legacy-provider &&即可

"scripts": {
    "start-local": "set NODE_OPTIONS=--openssl-legacy-provider && ng serve --configuration=local --ssl",
    ...
    }
1
2
3
4

后续就能直接运行npm run start-local