Error: error:0308010C:digital envelope routines::unsupported

1、前言

2024年11月某一天，升级了电脑上的nodejs版本：v22.11.0。
原来运行正常的Vue项目，在运行时突然就报错：Error: error:0308010C:digital envelope routines::unsupported
2、详细题目

前端项目启动（npm run dev）和打包时（npm run build:prod）报出如下错误:

1. PS D:\work\code\html\store-ui> npm run dev                                       
3. > LS@3.8.5 dev
4. > vue-cli-service serve
6. INFO  Starting development server...
7. 95% emitting CompressionPlugin ERROR  Error: error:0308010C:digital envelope routines::unsupported
8. Error: error:0308010C:digital envelope routines::unsupported
9.     at new Hash (node:internal/crypto/hash:79:19)
10.     at Object.createHash (node:crypto:139:10)
11.     at D:\work\code\html\store-ui\node_modules\compression-webpack-plugin\dist\index.js:243:42
12.     at CompressionPlugin.compress (D:\work\code\html\store-ui\node_modules\compression-webpack-plugin\dist\index.js:284:9)
13.     at D:\work\code\html\store-ui\node_modules\compression-webpack-plugin\dist\index.js:305:12
14.     at _next1 (eval at create (D:\work\code\html\store-ui\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:14:17)
15.     at eval (eval at create (D:\work\code\html\store-ui\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:33:1)
16.     at D:\work\code\html\store-ui\node_modules\copy-webpack-plugin\dist\index.js:91:9

复制代码

题目重点在【 at new Hash (node:internal/crypto/hash:79:19)
at Object.createHash (node:crypto:139:10)】这两行，创建hash失败。
重要是Node.js 17 引入了对 OpenSSL 3.0 的支持，该版本对于一些 API 进行了重大更改，这大概导致与某些 Node.js 库或依赖项的不兼容。
因此我们可选择将nodejs版本回退到17以下，好比16、13、10等。
3、解决方法

• nodejs版本降级
  
• 针对openssl设置环境变量
  

3.1、nodejs版本降级

我的电脑当前版本是v22，可以降级到16及以下版本，正好是windows电脑，可以在体系变量里修改nodejs的路径配置（当然也可以使用nvm来切换版本）。

3.2、针对openssl设置环境变量

windows电脑上，在Idea打开一个Terminal(终端)，输入：

1. SET NODE_OPTIONS=--openssl-legacy-provider

复制代码

或

1. $env:NODE_OPTIONS="--openssl-legacy-provider"

复制代码

3.3、在package.json命令里添加设置

在原有的命令上，增加【SET NODE_OPTIONS=–openssl-legacy-provider 】配置，使用&& 毗连

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

复制代码

4、效果

末了 npm run dev 重新运行项目即可

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。