1.问题原因

新安装的node.js跑之前的vue项目

2.问题原因

网上查资料得知，这是新 node v17 后，版本的问题。OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。在node v17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会抛出异常。

3.错误描述

升级了node.js 版本到 v17.9.1，出现如下错误：

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 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'
}

4.解决办法

添加 NODE_OPTIONS=--openssl-legacy-provider 环境变量

如果使用的是 visual studio code，在终端处输入

# windows 临时设置
set NODE_OPTIONS="--openssl-legacy-provider"
# windows 永久设置 (setx 命令保存环境变量到用户变量中。若要保存到系统变量中，请自行操作。)
setx NODE_OPTIONS --openssl-legacy-provider
# Linux
export NODE_OPTIONS=--openssl-legacy-provider

也可以在package.json中修改script

//WINDOWS
 "scripts": {
    "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
}
//MAC
 "scripts": {
    "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
}

注意：如果团队中node版本不一致，不要将该package.json提交。