npm run dev 报错：Error: error:0308010C:digital envelope routines::unsupported

转载至：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 npm@8.1.2 -g

npm配置淘宝下载镜像

npm config set registry "https://registry.npm.taobao.org"

 安装yarn,效率更高

安装 | 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

 试了下，并没有奏效

完整错误代码如下

1. PS E:\idea_workspace\study\vue\element ui\vue-admin-template> npm run dev

3. > vue-admin-template@4.4.0 dev

4. > vue-cli-service serve

6. INFO Starting development server...

7. 10% building 2/5 modules 3 active ...?ref--13-0!E:\idea_workspace\study\vue\element ui\vue-admin-template\src\main.js E

8. rror: error:0308010C:digital envelope routines::unsupported

9. at new Hash (node:internal/crypto/hash:67:19)

10. at Object.createHash (node:crypto:130:10)

11. at module.exports (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\util\createHash.js:135:53)

12. at NormalModule._initBuildHash (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:417:16)

13. at handleParseError (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:471:10)

14. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:503:5

15. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:358:12

16. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:373:3

17. at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:214:10)

18. at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:221:10)

19. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:236:3

20. at runSyncOrAsync (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:130:11)

21. at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:232:2)

22. at Array.<anonymous> (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:205:4)

23. at Storage.finished (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)

24. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9

25. node:internal/crypto/hash:67

26. this[kHandle] = new _Hash(algorithm, xofLen);

28. at new Hash (node:internal/crypto/hash:67:19)

29. at Object.createHash (node:crypto:130:10)

30. at module.exports (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\util\createHash.js:135:53)

31. at NormalModule._initBuildHash (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:417:16)

32. at handleParseError (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:471:10)

33. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:503:5

34. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\webpack\lib\NormalModule.js:358:12

35. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:373:3

36. at iterateNormalLoaders (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:214:10)

37. at Array.<anonymous> (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\loader-runner\lib\LoaderRunner.js:205:4)

38. at Storage.finished (E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)

39. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9

40. at E:\idea_workspace\study\vue\element ui\vue-admin-template\node_modules\graceful-fs\graceful-fs.js:123:16

41. at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {

42. opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],

43. library: 'digital envelope routines',

44. reason: 'unsupported',

45. code: 'ERR_OSSL_EVP_UNSUPPORTED'

46. }

48. Node.js v17.3.1

49. PS E:\idea_workspace\study\vue\element ui\vue-admin-template> npm -v

50. 8.3.1

51. PS E:\idea_workspace\study\vue\element ui\vue-admin-template> node -v

52. v17.3.1

53. PS E:\idea_workspace\study\vue\element ui\vue-admin-template>