Angular Material 版本 (12.1.4) 与 Angular CDK 版本 (12.2.1) 不匹配。请确保这两个包的版本完全匹配答案

【问题标题】：The Angular Material version (12.1.4) does not match the Angular CDK version (12.2.1). Please ensure the versions of these two packages exactly matchAngular Material 版本 (12.1.4) 与 Angular CDK 版本 (12.2.1) 不匹配。请确保这两个包的版本完全匹配
【发布时间】：2021-10-16 20:48:56
【问题描述】：

使用此命令安装FlexLayout 后

npm i -s @angular/flex-layout @angular/cdk

显然也安装了Angular CDK，我收到以下警告

The Angular Material version (12.1.4) does not match the Angular CDK version (12.2.1).
Please ensure the versions of these two packages exactly match.

我使用ng update 命令来更新软件包，也尝试过ng add @angular/material，但我仍然使用相同的版本。

我该如何解决？

解决方案

命令ng add @angular/material & ng add @angular/material@latest 工作正常，我检查了package.json 文件并注意到我有

"dependencies": {
    ...
    "@angular/material": "^12.2.1"
    ... 
}

只是又需要一个ng serve。

还有一件事，似乎更新Angular Material 并没有真正覆盖styles.scss 文件，而是实际上将相同的代码再次添加到文件中，所以我也不得不删除它以摆脱scss 错误。

【问题讨论】：

标签： angular angular-material angular-cdk angular-flex-layout

【解决方案1】：

尝试：

ng add @angular/material@latest

或

ng add @angular/material@12.2.1

【讨论】：

我更新了答案，问题解决了，谢谢。
很高兴为您提供帮助。