升级Angular至16后部分Angular Material组件报未知元素错误

将Angular项目从15版本升级至16版本后，部分Angular Material组件（如mat-form-field、mat-label、mat-select）触发NG8001错误（提示'mat-label'不是已知元素），但项目中同类型的其他组件却未报错。原项目在Angular 15下运行正常，升级至16后出现异常。

尝试过的无效解决方法 #

• 执行命令 ng generate @angular/core:standalone 两次，分别选择“Bootstrap...”和“Convert all...”选项，尝试迁移至独立组件
• 将Angular Material包降级至15.2.9版本
• 每次修改版本后删除node_modules和package-lock.json文件，清理缓存后重新安装依赖
• 检查报错表单元素对应的Material模块是否已在NgModule中导入

以上操作均无效，执行ng serve时仍报error NG8001: 'mat-form-field' is not a known element错误。

最终解决步骤 #

1. 回退至可正常编译的Angular 15版本，通过schematics将项目切换为独立组件架构
2. 重新升级项目至Angular 16版本，此时出现一批新的编译错误，通过更新相关依赖库解决大部分问题
3. 发现angular-2-dropdown-multiselect（已5年未更新，不兼容Angular 16）导致11个组件编译失败，将其替换为ngx-bootstrap-multiselect
4. 在main.ts中添加import '@angular/compiler';，问题最终解决

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