升级Angular12后ng serve报entry component错误，保存模块后临时消失

该问题是Angular 12的增量编译机制和第三方非Ivy兼容库的元数据加载时序冲突导致的，具体逻辑如下：

• Angular 9及以后版本默认启用Ivy编译，到Angular 12时开发环境的增量编译逻辑做了启动优化，首次执行ng serve时编译器会优先解析本地项目的模块文件，第三方依赖包的元数据加载滞后于本地模块解析流程。你引入的@reasult/angular-common属于第三方包，如果这个包是基于旧版ViewEngine编译、未做Ivy兼容处理，首次编译时编译器还没拿到ConfirmDialogComponent、AlertDialogComponent的组件元数据，就会判定对应组件不符合entryComponent要求。
• 手动保存模块文件触发增量重编译时，第三方依赖的元数据已经完成加载，编译器可以正常识别组件合法性，错误就会消失。重启ng serve后元数据加载时序回到初始状态，错误自然会复现。
• 永远是entryComponents数组第一个组件报错的原因是：Angular编译器解析entryComponents数组时是按顺序线性校验，第一个组件校验不通过就会直接终止后续流程抛出错误，调换数组顺序后第一个位置的组件依然是首个校验对象，所以规律不变。

1. 升级@reasult/angular-common到支持Ivy编译的版本，从根源解决元数据加载时序问题。
2. 没有适配版本的话，可以修改angular.json中对应项目的开发构建配置，把build -> options -> aot设置为true，AOT编译模式会提前加载所有依赖的元数据，不会出现时序冲突。
3. 临时适配也可以在项目的主模块AppModule的导入逻辑最前面，提前导入这两个组件，强制编译器提前加载组件元数据：

import { ConfirmDialogComponent, AlertDialogComponent } from '@reasult/angular-common';
// 保留原有其他导入逻辑

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