使用ng serve运行Angular项目时出现digital envelope routines不支持错误

这个错误是因为Node.js 17及以上版本默认启用了OpenSSL 3.0的新算法，而你的Angular 10项目依赖的构建工具不兼容该算法，以下是几种解决方法：

方法一：临时指定启动参数 #

运行ng serve时添加环境变量，强制使用旧版SSL算法：

• Windows命令提示符（cmd）：

  set NODE_OPTIONS=--openssl-legacy-provider && ng serve
  

• Windows PowerShell：

  $env:NODE_OPTIONS="--openssl-legacy-provider"; ng serve
  

• macOS/Linux终端：

  NODE_OPTIONS=--openssl-legacy-provider ng serve
  

方法二：修改package.json脚本永久生效 #

打开项目根目录的package.json，在scripts字段中修改启动命令，以后直接用npm start启动：

{
  // ... 其他内容
  "scripts": {
    "start": "set NODE_OPTIONS=--openssl-legacy-provider && ng serve", // Windows cmd环境
    // PowerShell环境替换成："start": "$env:NODE_OPTIONS='--openssl-legacy-provider'; ng serve",
    // macOS/Linux环境替换成："start": "NODE_OPTIONS=--openssl-legacy-provider ng serve",
    "build": "ng build"
  },
  // ... 其他内容
}

方法三：降低Node.js版本 #

使用Node版本管理器（nvm）安装Node.js 16.x版本并切换到该版本，16.x默认使用旧版SSL算法，和Angular 10完全兼容。

你的package.json内容： #

{"dependencies": {"@agm/core": "^1.1.0","@angular/animations": "^10.2.5","@angular/cdk": "~10.2.7","@angular/common": "^10.2.5","@angular/compiler": "^10.2.5","@angular/core": "^10.2.5","@angular/forms": "^10.2.5","@angular/material": "^10.2.7","@angular/platform-browser": "^10.2.5","@angular/platform-browser-dynamic": "^10.2.5","@angular/router": "^10.2.5","@devexpress/analytics-core": "^19.2.8","@ng-bootstrap/ng-bootstrap": "^8.0.3","@ngx-translate/core": "^11.0.1","@ngx-translate/http-loader": "^4.0.0","@swimlane/ngx-charts": "^7.0.1","@swimlane/ngx-datatable": "^15.0.2","angular-calendar": "^0.25.2","angular-file-uploader": "^5.0.2","angular-notifier": "^8.0.0","bootstrap": "^4.5.0","c3": "^0.4.24","core-js": "^2.6.11","d3": "^4.8.0","devexpress-reporting": "^19.2.8","devexpress-reporting-angular": "^19.2.8","devextreme": "^19.2.8","file-saver": "^2.0.5","jquery": "^3.5.1","lodash": "^4.17.21","ng-chartist": "^1.1.1","ng-multiselect-dropdown": "^0.2.10","ng-zorro-antd": "^9.1.1","ng2-dragula": "^2.1.1","ngx-autosize": "^1.8.0","ngx-pagination": "^5.0.0","ngx-perfect-scrollbar": "6.1.0","ngx-toastr": "^8.10.2","os": "^0.1.1","pace-js": "^1.0.2","primeicons": "^4.1.0","primeng": "^8.0.0","quill": "^1.3.7","rxjs": "^6.5.5","rxjs-compat": "^6.5.5","sass": "^1.26.9","sweetalert2": "^9.15.2","xlsx": "^0.16.9","zone.js": "~0.10.3"},"devDependencies": {"@angular-devkit/build-angular": "^0.803.28","@angular/compiler-cli": "^10.2.5","@angular/language-service": "^10.2.5","@types/c3": "^0.6.4","@types/chartist": "^0.9.48","@types/datatables.net": "^1.10.19","@types/jasmine": "^2.8.17","@types/jasminewd2": "^2.0.8","@types/jquery": "^3.5.0","@types/lodash": "^4.14.177","@types/node": "^8.10.61","codelyzer": "^5.2.2","install-peers": "^1.0.3","jasmine-core": "~2.99.1","jasmine-spec-reporter": "~4.2.1","karma": "^5.1.0","karma-chrome-launcher": "~2.2.0","karma-coverage-istanbul-reporter": "~1.4.2","karma-jasmine": "~1.1.1","karma-jasmine-html-reporter": "^0.2.2","protractor": "^7.0.0","ts-node": "~5.0.1","tslint": "~5.9.1","typescript": "~4.0.8"}}

内容的提问来源于stack exchange，提问作者Ȝlaa A. Saleh