Angular 在我们服务时给出构建错误

Question

当我们尝试为 Angular 应用程序提供服务时，它不会编译并按照图像给出错误。其他团队成员使用相同的 Angular cli 版本，能够正确运行它，没有任何错误。可能的原因和解决方案是什么？

Package.json 文件

{
  "name": "angular-p",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve ",
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^16.2.12",
    "@angular/cdk": "^7.0.0",
    "@angular/common": "^16.2.12",
    "@angular/compiler": "^16.2.12",
    "@angular/core": "^16.2.12",
    "@angular/forms": "^16.2.12",
    "@angular/localize": "^16.2.12",
    "@angular/material": "^7.0.0",
    "@angular/platform-browser": "^16.2.12",
    "@angular/platform-browser-dynamic": "^16.2.12",
    "@angular/router": "^16.2.12",
    "@fortawesome/angular-fontawesome": "^0.13.0",
    "@fortawesome/fontawesome-svg-core": "^6.2.0",
    "@fortawesome/free-solid-svg-icons": "^6.2.0",
    "file-saver": "^2.0.5",
    "font-awesome": "^4.7.0",
    "hammerjs": "^2.0.8",
    "jasmine-auto-spies": "^6.9.9",
    "karma": "^6.4.0",
    "karma-verbose-reporter": "^0.0.8",
    "ngx-doc-viewer": "14.0.0",
    "ngx-panzoom": "^16.0.0",
    "ngx-truncate-text": "^3.0.0",
    "rxjs": "~7.5.0",
    "screenfull": "^6",
    "tslib": "^2.3.0",
    "zone.js": "~0.13.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^16.2.13",
    "@angular/cli": "~16.2.13",
    "@angular/compiler-cli": "^16.2.12",
    "@types/file-saver": "^2.0.5",
    "@types/jasmine": "~4.0.0",
    "eslint": "^8.57.0",
    "jasmine": "^4.3.0",
    "jasmine-core": "~4.1.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "^5.1.6"
  }
}

Answer 1

我看到你有一个旧的@angular/material 版本。 尝试使用 Angular 16 将其更新到您需要的正确版本（@Angular/Material 16）