刚刚开通了一个公众号,会分享一些技术博客和自己觉得比较好的项目,同时会更新一些自己使用的工具和图书资料,后面会整理一些面试资料进行分享,觉得有兴趣的可以关注一下。
项目场景:
最近前端项目有需求,项目使用的是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
原因分析:
其实真正执行的是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",
...
}
后续就能直接运行npm run start-local