angular - 从 8 : Can't resolve 'util' in '/Users/foo/node_modules/request' 更新到 Angular 11 时出错

Question

我正在对我的 Angular 8 项目 → Angular 11 进行重大更新。
我已按照 https://update.angular.io/?l=3&v=8.2-11.0 的步骤操作挺好的。
我的项目中有几个包似乎与 v.^11 不兼容，所以我使用

npm install --legacy-peer-deps

当我尝试使用 ng serve 提供内容时，我得到了很多无法解析“util”和无法解析“zlib”的消息。例如。，

Error: /Users/mf/node_modules/snapdragon/lib/parser.js Module not found: Error: Can't resolve 'util' in'/Users/mf/node_modules/snapdragon/lib'

Error: /Users/mf/node_modules/sshpk/lib/certificate.js Module notfound: Error: Can't resolve 'util' in'/Users/mf/node_modules/sshpk/lib'

Error: /Users/mf/node_modules/sshpk/lib/private-key.js Module notfound: Error: Can't resolve 'util' in'/Users/mf/node_modules/sshpk/lib'

Error: /Users/mf/node_modules/sshpk/lib/errors.js Module not found:Error: Can't resolve 'util' in '/Users/mf/node_modules/sshpk/lib'

Error: /Users/mf/node_modules/sshpk/lib/ed-compat.js Module not found:Error: Can't resolve 'util' in '/Users/mf/node_modules/sshpk/lib'

Error: /Users/mf/node_modules/sshpk/lib/identity.js Module not found:Error: Can't resolve 'util' in '/Users/mf/node_modules/sshpk/lib'

Error: /Users/mf/node_modules/static-extend/index.js Module not found:Error: Can't resolve 'util' in '/Users/mf/node_modules/static-extend'

Error: /Users/mf/node_modules/through2/through2.js Module not found:Error: Can't resolve 'util' in '/Users/mf/node_modules/through2'

Error: /Users/mf/node_modules/tough-cookie/lib/memstore.js Module notfound: Error: Can't resolve 'util' in'/Users/mf/node_modules/tough-cookie/lib'

Error: /Users/mf/node_modules/tunnel-agent/index.js Module not found:Error: Can't resolve 'util' in '/Users/mf/node_modules/tunnel-agent'

0mError: /Users/mf/node_modules/verror/lib/verror.js Module not found:Error: Can't resolve 'util' in '/Users/mf/node_modules/verror/lib'

Error: /Users/mf/node_modules/@google-cloud/storage/src/file.js Modulenot found: Error: Can't resolve 'zlib' in'/Users/mf/node_modules/@google-cloud/storage/src'

Error: /Users/mf/node_modules/request/request.js Module not found:Error: Can't resolve 'zlib' in '/Users/mf/node_modules/request'

这些错误看起来像是跨越多个包？？？？
我不知道如何解决或者之前是否有人见过这个(谷歌建议不完全？)。
我无法成功设置 stackBlitz 作为此错误的演示(我也向他们提交了关于 github 集成的票证)。
所以，我能做的最好的事情就是提供我的 package.json:

{
  "name": "data-jitsu",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "cypress open"
  },
  "private": true,
  "dependencies": {
    "@angular-devkit/build-angular": "~0.1102.7",
    "@angular/animations": "^11.2.8",
    "@angular/cdk": "^11.2.7",
    "@angular/common": "^11.2.8",
    "@angular/compiler": "^11.2.8",
    "@angular/compiler-cli": "^11.2.8",
    "@angular/core": "^11.2.8",
    "@angular/fire": "^6.1.4",
    "@angular/forms": "^11.2.8",
    "@angular/localize": "^11.0.0 || ^11.2.0-next",
    "@angular/material": "^11.2.7",
    "@angular/platform-browser": "^11.2.8",
    "@angular/platform-browser-dynamic": "^11.2.8",
    "@angular/router": "^11.2.8",
    "@angular/service-worker": "^11.0.0 || ^11.2.0-next",
    "@types/youtube": "^0.0.42",
    "ajv": "^8.0.5",
    "angular-froala-wysiwyg": "^3.2.6-1",
    "autoprefixer": "^10.0.2",
    "core-js": "^3.0.0",
    "d3": "^6.6.2",
    "firebase": "^8.4.0",
    "grpc": "^1.24.6",
    "hammerjs": "^2.0.8",
    "html2canvas": "^1.0.0-rc.5",
    "jquery": "^3.6.0",
    "karma": "^5.2.0 || ^6.0.0",
    "moment": "^2.29.1",
    "ng-packagr": "^11.0.0 || ^11.2.0-next",
    "ngx-youtube-player": "9.1.0",
    "postcss": "^8.0.9",
    "protractor": "^7.0.0",
    "rxjs": "^6.6.7",
    "stripe": "^8.142.0",
    "tailwindcss": "^2.0.0",
    "tslib": "^2.2.0",
    "tslint": "^6.1.0",
    "typescript": "~4.0.0 || ~4.1.0 >=4.0 <4.2",
    "util": "^0.11.1",
    "zone.js": "~0.11.3"
  },
  "devDependencies": {
    "@angular-eslint/builder": "^2.0.0",
    "@angular-eslint/eslint-plugin": "^2.0.0",
    "@angular-eslint/eslint-plugin-template": "^2.0.0",
    "@angular-eslint/schematics": "2.0.2",
    "@angular-eslint/template-parser": "^2.0.0",
    "@angular/cli": "^11.2.7",
    "@angular/compiler-cli": "^8.2.3",
    "@angular/language-service": "^11.2.8",
    "@cypress/webpack-preprocessor": "^5.7.0",
    "@types/bootstrap": "^5.0.12",
    "@types/d3": "^6.3.0",
    "@types/jasmine": "~3.6.9",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^14.14.37",
    "@typescript-eslint/eslint-plugin": "4.16.1",
    "@typescript-eslint/parser": "4.16.1",
    "chance": "^1.0.16",
    "cypress": "^7.0.0",
    "eslint": "^7.6.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-cli": "~2.0.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-loader": "^8.1.0",
    "ts-node": "~9.1.1",
    "typescript": "~4.1",
    "webpack": "~4.18.1"
  }
}

并将您链接到我的 github 存储库上的分支:
https://github.com/Atticus29/dataJitsu/tree/delete-user-version-upgrade
所以，

git clone https://github.com/Atticus29/dataJitsu.git
cd dataJitsu
git checkout delete-user-version-upgrade
npm install --legacy-peer-deps
ng serve

应该让你明白我的错误。

Answer 1

可能是以下任何一组命令可以解决您的问题:

npm uninstall -g @angular/cli
npm install -g @angular/cli

或者

remove node_modules 
remove package-lock.json
npm install