Question

我在启动 angular 时遇到此错误。应用程序构建良好，直到网页加载，检查网络浏览器时显示此错误，网页中未呈现任何内容。

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

我尝试更新角材料和 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

类型错误：无法读取未定义的属性“_applyBodyHighContrastModeCssClasses”

2 个答案: