Angular 14.0.0项目安装@angular/material时遇版本兼容错误

我刚创建了一个完全原生、未做任何修改的Angular 14.0.0项目，尝试安装@angular/material时，收到了需将@angular/animations更新至14.2.12的错误提示。

以下是项目package.json的完整配置：

{
 "name": "nested-forms-angular",
 "version": "0.0.0",
 "scripts": {
   "ng": "ng",
   "start": "ng serve",
   "build": "ng build",
   "watch": "ng build --watch --configuration development",
   "test": "ng test"
 },
 "private": true,
 "dependencies": {
   "@angular/animations": "^14.0.0",
   "@angular/common": "^14.0.0",
   "@angular/compiler": "^14.0.0",
   "@angular/core": "^14.0.0",
   "@angular/forms": "^14.0.0",
   "@angular/platform-browser": "^14.0.0",
   "@angular/platform-browser-dynamic": "^14.0.0",
   "@angular/router": "^14.0.0",
   "rxjs": "~7.5.0",
   "tslib": "^2.3.0",
   "zone.js": "~0.11.4"
 },
 "devDependencies": {
   "@angular-devkit/build-angular": "^14.0.0",
   "@angular/cli": "~14.0.0",
   "@angular/compiler-cli": "^14.0.0",
   "@types/jasmine": "~4.0.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": "~4.7.2"
 }
}

安装过程中出现的错误截图：

解决方法 #

方案1：统一升级Angular核心包到14.2.12 #

@angular/material的14.x分支要求@angular/animations最低版本为14.2.12，执行以下命令升级所有Angular核心依赖到对应版本：

ng update @angular/core@14.2.12 @angular/cli@14.2.12

升级完成后再安装@angular/material：

ng add @angular/material

方案2：安装与Angular 14.0.0匹配的material版本 #

如果不想升级核心框架，可以指定安装和Angular 14.0.0兼容的material版本：

npm install @angular/material@14.0.0

注意：旧版本material可能缺少部分功能修复，优先推荐方案1保持依赖版本统一。

内容的提问来源于stack exchange，提问作者davood beheshti