导入Vue项目启动前端报错error: 03080

前提

我先在项目文件夹创建了node_modle

然后执行了

 npm install

install成功

然后尝试启动项目

 npm run sever

报错信息：

 ​
 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 (D:\wwt\litemall\litemall-admin\node_modules\webpack\lib\util\createHash.js:135:53)
     at NormalModule._initBuildHash (D:\wwt\litemall\litemall-admin\node_modules\webpack\lib\NormalModule.js:417:16)
     at handleParseError (D:\wwt\litemall\litemall-admin\node_modules\webpack\lib\NormalModule.js:471:10)
     at D:\wwt\litemall\litemall-admin\node_modules\webpack\lib\NormalModule.js:503:5
     at D:\wwt\litemall\litemall-admin\node_modules\webpack\lib\NormalModule.js:358:12
     at D:\wwt\litemall\litemall-admin\node_modules\loader-runner\lib\LoaderRunner.js:373:3
     at iterateNormalLoaders (D:\wwt\litemall\litemall-admin\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
     at Array.<anonymous> (D:\wwt\litemall\litemall-admin\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
     at Storage.finished (D:\wwt\litemall\litemall-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
     at D:\wwt\litemall\litemall-admin\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
     at D:\wwt\litemall\litemall-admin\node_modules\graceful-fs\graceful-fs.js:123:16
     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'

问题排查：

• Vue版本不对

  我的第一反应是我的Vue版本和项目不同，导致项目无法启动。

  所以找了一台装着Vue2的电脑试了一下，发现还是报同样的错误。

  所以应该不是Vue的版本问题。

• 我的idea启动没有配置好

  我又重新配置了一次idea的npm启动配置，并再次尝试启动该项目，依旧不行。

  然后我拿着该配置去启动我以前的Vue项目，发现是可以启动成功。

  所以不是启动配置的问题。

• 我的权限不够

  我经过上面两次测试后突然想起可能是权限的问题，所以我用管理员身份启动cmd，重新install了一遍，

  再次run，但是依旧报了同样的错误。

寻找原因：

我上csdn搜索，最终在文章中找到原因。

NodeJs版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制，nodeJs v17之前版本没影响，但V17和之后版本会出现这个错误。

要解决这个错误就要去修改package.json

修改前

 ​
 "scripts": {
     "dev": "vue-cli-service serve",
     "build:prod": "vue-cli-service build"
 },

修改后

 "scripts": {
     "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
     "build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"
   },
 ​

启动：

修改后发现无需管理员权限也能正常启动。

问题解决

参考了CSDN的吃素小仙肉。