Angular中TS-998113警告的成因及未使用组件的正确处理方式

警告产生的原因 #

这个警告是Angular编译器的代码冗余检测机制触发的：你在AppComponent模块的declarations数组里声明了ProductTrackingComponent，但在AppComponent的模板文件（app.component.html）里完全没有使用这个组件的标签或相关引用。Angular这么做是为了帮你剔除无用代码，减少编译负担和项目冗余。

正确处理未使用组件的方法 #

根据组件的实际用途，分三种情况处理：

1. 组件确实不再需要 #

• 直接从AppComponent的declarations数组中移除ProductTrackingComponent的声明
• 如果整个项目都用不上这个组件，直接删除对应的所有文件（包括.ts、.html、.css、.spec.ts）

2. 组件需要在其他模块/组件中使用 #

• 把ProductTrackingComponent迁移到共享模块（比如新建或已有的SharedModule），在共享模块的declarations和exports数组中都添加这个组件
• 在需要使用该组件的目标模块中导入这个共享模块，就能在对应组件模板中正常使用了

3. 组件需要在AppComponent中动态调用（比如通过代码创建实例） #

如果是用ViewContainerRef、ComponentFactoryResolver这类方式动态加载组件，编译器无法通过模板检测到使用情况，你可以：

• 给ProductTrackingComponent类添加@dynamic装饰器，告诉编译器这个组件是动态使用的，跳过未使用检查
• 或者在AppComponent模板中添加一个隐藏的组件标签占位：<app-product-tracking style="display: none;"></app-product-tracking>（仅作为临时过渡方案，不推荐长期使用）

注意：尽量不要全局关闭strictTemplates这类编译器检查，会丢失Angular提供的其他有用的模板错误提示和代码校验能力。

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