vue项目启动报错：error:0308010C:digital envelope routines::unsupported

由于报错长度过长：再在下面详细描述一下：

项目报错如何解决：
 

 INFO  Starting development server...
Starting type checking service...
Using 1 worker with 2048MB memory limit
10% building 2/5 modules 3 active D:\code\idea\vservice\project-xczx2-portal-vue-ts\node_modules\webpack\hot\dev-server.jsError: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)

  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'

尝试解决报错：

首先考虑是否为npm镜像源问题，如果原厂镜像无法解决问题则调整镜像：

1、cmd进入工程根目录

2、运行以下命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm i

npm run serve

如果调整镜像源之后发现无法解决问题，我们考虑node本身版本的问题，项目无法启动很有可能是和node的版本问题有关。

我的版本node是18.+版本较高，可能会产生新的比较严格的规则，所以我们要在idea等项目启动终端运行文件进行一些版本或者代码管理控制：

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

然后终端执行npm run serve

之后发现项目启动成功。

为什么会报错

我们在报错之后要想为什么会报这个错误，不出所料与node的版本有关。

将node.js版本换成18+后,启动vue2报错 error:0308010C:digital envelope routines::unsupported; 原因:node.js版本过高, node.js V17版本中发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，因此我们在下载高版本或者最新版本的node的时候会面临一些版本不兼容的问题，所以这里最好建议下载稳定版。

为什么执行$env:NODE_OPTIONS="--openssl-legacy-provider"

为什么执行这段代码之后项目就可以正常启动，这段代码有什么作用呢？

执行 set NODE_OPTIONS=–openssl-legacy-provider 命令是为了设置 NODE_OPTIONS 环境变量，将 OpenSSL 设置为旧版提供程序，对症下药。