TypeError:无法读取未定义的属性“”_applyBodyHighContrastModeCssClasses“”

Question

我在启动angular时遇到了这个错误。在加载网页之前，应用程序构建得很好，在检查web浏览器时会显示此错误，并且网页中没有呈现任何内容。

TypeError: Cannot read property '_applyBodyHighContrastModeCssClasses' of undefined

at new MatCommonModule (core.js:101)
at Object.factory (core.js:11310)
at R3Injector.hydrate (core.js:11363)
at R3Injector.get (core.js:11183)
at core.js:11220
at Set.forEach (<anonymous>)
at R3Injector._resolveInjectorDefTypes (core.js:11220)
at new NgModuleRef$1 (core.js:25231)
at NgModuleFactory$1.create (core.js:25285)
at core.js:29112

我试着为angular material和cdk包更新单独的包。这是我尝试重现错误的package.json。这与angular中的某些依赖注入错误有关吗？

{
  "name": "sgmreporting-front-end",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^11.2.5",
    "@angular/cdk": "^11.2.4",
    "@angular/common": "^11.2.5",
    "@angular/compiler": "~11.2.4",
    "@angular/core": "^11.2.5",
    "@angular/forms": "~11.2.4",
    "@angular/localize": "~11.2.4",
    "@angular/material": "^11.2.4",
    "@angular/platform-browser": "^11.2.5",
    "@angular/platform-browser-dynamic": "~11.2.4",
    "@angular/router": "~11.2.4",
    "@ng-bootstrap/ng-bootstrap": "^9.0.2",
    "@types/highcharts": "^7.0.0",
    "bootstrap": "^4.6.0",
    "flexmonster": "^2.8.28",
    "highcharts": "^9.0.1",
    "jquery": "^3.6.0",
    "material-design-icons": "^3.0.1",
    "ng-flexmonster": "^2.8.28",
    "ngx-toastr": "^13.2.1",
    "rxjs": "^6.6.6",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.1102.4",
    "@angular/cli": "~11.2.3",
    "@angular/compiler-cli": "~11.2.4",
    "@types/jasmine": "~3.6.0",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.1.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.1.5"
  }
}

Answer 1

我刚刚也遇到了同样的问题，我已经降级了依赖@angular /...@11.1.0和typescript a 4.0.6一切都恢复正常了

对所有依赖项执行npm install --force @angular /....@ 11.1.0，并将typscript降级到版本4.0.6

Answer 2

我通过升级到版本@angular/...@11.2.9和@angular/cli到版本11.2.8来解决这个问题，然后将typescript升级到版本4.1.5