Angular 15升级至17后出现@angular/cdk版本依赖解析错误

问题原因 #

@angular/cdk的版本必须与Angular核心依赖（如@angular/common、@angular/core）严格保持一致。你的项目中其他Angular核心包已升级至17.3.1，但@angular/cdk仍停留在15.2.3，版本不匹配导致npm无法解析依赖关系，触发ERESOLVE错误。

解决方案 #

方法一：用Angular CLI自动升级（推荐）

运行以下命令，CLI会自动将@angular/cdk升级到与当前Angular核心版本匹配的17.x版本，同时处理潜在的依赖兼容问题：

ng update @angular/cdk

方法二：手动修改package.json

1. 打开项目根目录下的package.json文件
2. 找到dependencies中的@angular/cdk条目，将版本号从^15.2.3修改为^17.3.1（与你的@angular/common版本保持一致）
3. 保存文件后，重新执行安装命令：

npm install

验证步骤 #

安装完成后，可通过以下命令确认CDK版本是否匹配：

npm list @angular/cdk

确认版本一致后，启动项目检查是否正常运行：

ng serve

内容的提问来源于stack exchange，提问作者Ya.