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

Posted 2023-02-23

【中文标题】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 match

【发布时间】：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 错误。

【参考方案1】：

尝试：

ng add @angular/material@latest

或

ng add @angular/material@12.2.1

【讨论】：

我更新了答案，问题解决了，谢谢。

很高兴为您提供帮助。