转载至:https://blog.csdn.net/zp357252539/article/details/122559236
里面的评论区给出了解决办法
环境
开发工具:vscode
Node.js: v17.3.1
npm: 8.3.1
nodejs和npm等版本对应关系参考:以往的版本 | Node.js
npm降低版本的方法
npm install [email protected] -g
npm配置淘宝下载镜像
npm config set registry "https://registry.npm.taobao.org"
安装yarn,效率更高
npm install --global yarn
npm如何删除node_modules文件夹
npm install rimraf -g
先安装删除工具,然后使用删除命令
rimraf node_modules
npm和yarn命令对比
过程
今天在vscode运行npm run dev是报错,如下图
问题分析
情况一
参考:error:0308010C:digital envelope routines::unsupported - 简书
error:0308010C:digital envelope routines::unsupported
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响.
在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会抛出以下异常:
目前可以通过运行以下命令行临时解决这个问题
export NODE_OPTIONS=--openssl-legacy-provider
试了下,并没有奏效
完整错误代码如下
-
PS E:\idea_workspace\study\vue\element ui\vue-admin-template> npm run dev
-
> [email protected] dev
-
> vue-cli-service serve
-
INFO Starting development server...
-
10% building 2/5 modules 3 active ...?ref--13-0!E:\idea_workspace\study\vue\element ui\vue-admin-template\src\main.js E
-
rror: 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 (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\util\createHash.js:135:53)
-
at NormalModule._initBuildHash (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:417:16)
-
at handleParseError (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:471:10)
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:503:5
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:358:12
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:373:3
-
at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
-
at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:236:3
-
at runSyncOrAsync (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
-
at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
-
at Array.<anonymous> (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
-
at Storage.finished (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
-
node:internal/crypto/hash:67
-
this[kHandle] = new _Hash(algorithm, xofLen);
-
at new Hash (node:internal/crypto/hash:67:19)
-
at Object.createHash (node:crypto:130:10)
-
at module.exports (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\util\createHash.js:135:53)
-
at NormalModule._initBuildHash (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:417:16)
-
at handleParseError (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:471:10)
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:503:5
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:358:12
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:373:3
-
at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
-
at Array.<anonymous> (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
-
at Storage.finished (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
-
at E:\idea_workspace\study\vue\element ui\vue-admin-template\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'
-
}
-
Node.js v17.3.1
-
PS E:\idea_workspace\study\vue\element ui\vue-admin-template> npm -v
-
8.3.1
-
PS E:\idea_workspace\study\vue\element ui\vue-admin-template> node -v
-
v17.3.1
-
PS E:\idea_workspace\study\vue\element ui\vue-admin-template>