Angular：如何忽略未声明的浮动组件以完成构建？

Angular编译器默认会依据tsconfig.json中的include配置，扫描所有匹配规则的TS文件。只要你的浮动组件文件处于include覆盖范围内（比如默认的"src/**/*.ts"），哪怕它没被任何模块声明、也没被路由引用，编译器都会尝试解析它的组件装饰器和模板代码，一旦发现语法或依赖问题（比如你例子里未导入MtxGridModule导致的标签识别失败），就会抛出编译错误。

• 移动文件到编译范围外：直接把这些未使用的组件文件夹移到项目根目录下的临时文件夹（比如./temp-unused-components），脱离src目录后，编译器不会再扫描到它们。
• 修改tsconfig.json排除指定文件：在tsconfig.json的exclude数组中添加目标组件的路径，比如你的GridComponent在src/app/grid目录下，就添加如下配置：

  "exclude": [
    "node_modules",
    "src/app/grid/**/*"
  ]
  

  注意路径要精准，避免误排除其他有用文件。
• 注释组件装饰器：暂时注释掉组件的@Component装饰器，这样编译器会把它当作普通TypeScript文件处理，不会检查模板中的Angular语法错误。比如修改你的grid.component.ts：

  // @Component({
  //   selector: 'app-grid',
  //   templateUrl: './grid.component.html',
  // })
  export class GridComponent {
  ...
  }
  

• 缩小include范围（不推荐大项目）：如果项目规模较小，可以修改tsconfig.json的include配置，只包含需要编译的核心文件，但这种方式维护成本高，大型项目容易遗漏文件，不建议使用。

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