安装Angular Material@15.2.0遇peer依赖冲突问题求助

问题根源 #

你遇到的依赖冲突是因为Angular Material的版本必须和项目中Angular核心框架（包括@angular/core、@angular/animations等）的版本严格匹配。你尝试安装的@angular/material@15.2.0要求Angular核心版本为15.x或16.x，但你的项目当前是14.2.12，版本不兼容导致冲突。

默认执行ng add @angular/material安装7.0.0版本，是因为你的Angular CLI版本为7.x——CLI会自动匹配自身版本安装对应Material，和你当前项目的Angular框架版本不匹配。

正确安装步骤 #

情况1：保留当前Angular 14.x版本 #

如果不需要升级Angular框架，直接安装和项目版本一致的Material：

1. 确认项目的Angular核心版本，执行命令：

   ng version
   

   查看输出中@angular/core的版本（你的情况是14.2.12）。
2. 安装对应版本的Angular Material：

   ng add @angular/material@14.2.12
   

情况2：需要使用Angular Material 15.x的新组件 #

必须先将整个Angular项目升级到15.x版本，再安装对应Material：

1. 升级Angular核心框架和CLI到15.x（建议和Material版本一致，即15.2.0）：

   ng update @angular/core@15 @angular/cli@15
   

   升级过程中若出现其他依赖冲突，按照控制台提示调整解决即可。
2. 升级完成后，安装Material 15.2.0：

   ng add @angular/material@15.2.0
   

内容的提问来源于stack exchange，提问作者Eattron Lhidapa