升级Angular Material 6.0.0时遇异常，按官方指南操作仍存问题

嘿，我刚好也遇到过类似的Angular升级问题，给你梳理下解决方案：

为什么ng update @angular/cli要执行两次才修改配置？ #

这其实是Angular CLI升级的正常阶段性行为：

• 第一次执行ng update @angular/cli时，主要完成的是CLI依赖包本身的版本更新，同时会做一些前置的兼容性校验，不会立刻修改配置文件
• 第二次执行时，因为已经有了更新后的CLI环境，才能正确识别并修改angular.json、tsconfig.json这类核心配置文件

既然两次执行后一切正常，那完全不用担心，这只是CLI升级的常规流程，继续按官方指南推进就行。

如何处理@angular/flex-layout@5.0.0-beta.14的警告？ #

这个警告是因为你当前的Flex-Layout版本太老，和升级后的Angular Core版本不兼容导致的。解决步骤很简单：

1. 先确认你升级后的Angular版本，跑个命令看看：

   ng version
   

2. 根据Angular版本安装对应的兼容Flex-Layout版本：
   • 如果升级到了Angular 8及以上，直接安装对应大版本的Flex-Layout就行，比如Angular 10可以装@angular/flex-layout@10.x.x，或者直接装最新兼容稳定版：

     npm install @angular/flex-layout@latest --save
     

3. 安装完成后，重新运行ng update @angular/core或者启动项目，应该就能消除这个警告了。

要是你特别需要保留旧版Flex-Layout的某些功能，可以去查它的更新日志找对应Angular版本的补丁，但更推荐直接升级到兼容版本，避免后续出现更多兼容性坑。

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