error:0308010C:digital envelope routines::unsupported_vscode error: error:0308010c:digital envelope rout

报错原因

error:0308010C:digital envelope routines::unsupported
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.

在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会抛出以下异常:

node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at module.exports.__webpack_modules__.57442.module.exports (/Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:135907:62)
    at NormalModule._initBuildHash (/Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:109317:16)
    at handleParseError (/Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:109371:10)
    at /Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:109403:5
    at /Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:109258:12
    at /Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:61157:3
    at iterateNormalLoaders (/Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:60998:10)
    at Array.<anonymous> (/Users/workspace/React/umiapp/node_modules/@umijs/deps/compiled/webpack/4/bundle4.js:60989:4) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v17.0.1
✨  Done in 1.92s.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

解决方案

方案一：降低node版本在17以下

看了一下错误堆栈，发现是一个Node的内核文件抛出来的错误，这个错误应该是和Node的版本有关（前几天刚刚升级过Node），降低Node的版本应该可以解决这个问题。或者使用nvm（Windows平台上也可以使用nvm-windows）安装多个不同的Node版本。

指定node版本 mac node版本降级 mac切换node版本

参考链接：https://blog.csdn.net/weixin_43770430/article/details/132420638

第一步 进行nvm 安装操作

brew install nvm 
1

执行 nvm --version

nvm --version 
1

出现zsh: command not found: nvm问题去进行配置
1

第二步 nvm配置
1.输入: vim ~/.bash_profile
点击 i 进行插入操作 插入下面配置

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
1
2

插入完成后 点击Esc 然后 使用 :wq. 保存并退出

执行：

source ~/.bash_profile
1

如果出问题先不管接着往下走

2.输入：vim ~/.zshrc
点击 i 进行插入操作 插入下面配置

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
1
2

插入完成后 点击Esc 然后 使用 :wq. 保存并退出
执行：

source ~/.zshrc
1

3.输入: vim ~/.profile
点击 i 进行插入操作 插入下面配置

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
1
2

插入完成后 点击Esc 然后 使用 :wq. 保存并退出
执行：

source ~/.profile
1

4. 最后开始进行测试
   执行：

nvm --version
1

显示版本号就说明配置成功：0.39.1

第三步 安装node指定版本 node版本降级
执行：

nvm install v14.16.1
1

安装完成后检查

node --version
1

注意！！：

1. 如果iterm2 中进行brew isntall xxx 或者brew update ,brew doctor 出现 fatal: not in a git directory报错提示时

fatal: not in a git director
No remote ‘origin’ in /usr/local/Homebrew/Library/Taps/homebrew/homebrew-ser
1
2

解决方法

 git config --global --add safe.directory /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core
	
git config --global --add safe.directory /usr/local/Homebrew/Library/Taps/homebrew/homebrew-services
	
git config --global --add safe.directory /usr/local/Homebrew/Library/Taps/homebrew/homebrew-caskgit 	
1
2
3
4
5

2. mac 系统终端node版本跟vscode终端node版本不一致时
   在vscode终端上执行这行代码，关闭vscode，重启就可以了。

nsudo rm -rf /usr/local/{lib/node{,/.npm,_modules},bin,share/man}/{npm*,node*,man1/node*}
1

方案二：启用legacy OpenSSL provider

除了切换Node的版本来解决这个问题外，其实还可以尝试启用legacy OpenSSL provider来解决这个问题，通过下面的命令行操作起来更容易：

Unix (Linux, macOS, Git bash等)

export NODE_OPTIONS=--openssl-legacy-provider
1

Windows

set NODE_OPTIONS=--openssl-legacy-provider
1

PowerShell

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

方案三：配置package.json文件

另外一个方法是在项目的package.json文件里将

"start": "react-scripts start"
1

Windows

替换成：

"start": "react-scripts --openssl-legacy-provider start"
1

mac
　替换成：

"start": "export NODE_OPTIONS=--openssl-legacy-provider &&  react-scripts start"
1

亲测有效

拓展：package.json中的&&和&

原文链接：https://blog.csdn.net/weixin_56361614/article/details/134010076
在 package.json 文件中的 scripts 字段中，一条命令可以同时执行多个指令。
而指令间可以使用

• &，例如："start": "node app.js & nodemon"
• &&，例如："start": "node app.js && nodemon"
• 不使用连接符，例如："start": "node app.js nodemon"

三者区别:

一、&

& 符号：表示执行当前指令后立即执行下一个指令，不管上一个指令是否执行成功。

"scripts": {
  "start": "node app.js & nodemon"
}
1
2
3
4

当执行 npm run start 命令时，会先执行 node app.js 指令，然后立即执行 nodemon 指令，不管 node app.js 是否执行成功。

二、&&

&& 符号：表示只有上一个指令执行成功后，才会执行下一个指令。

"scripts": {
  "start": "node app.js && nodemon"
}
1
2
3

当执行 npm run start 命令时，会先执行 node app.js 指令，如果执行成功，则会执行 nodemon 指令；如果执行失败，则不会执行 nodemon 指令。

三、不使用连接符

如果在 package.json 文件中的 scripts 字段中不使用 & 和 && 符号来连接指令，那么默认情况下会按照顺序依次执行每个指令。

"scripts": {
  "start": "node app.js nodemon"
}
1
2
3

当执行 npm run start 命令时，会先执行 node app.js 指令，然后执行 nodemon 指令。这里的 nodemon 实际上会作为 node app.js 的参数传递给它。

需要注意的是，如果某个指令执行失败（即返回非零的退出码），那么后续的指令将不会执行。因此，如果希望所有指令都能执行，可以使用 && 符号来连接它们，以确保前一个指令成功执行后才会执行下一个指令。