Angular重构时如何忽略所有模板错误？已配置schemas但无效

你在主模块添加NO_ERRORS_SCHEMA和CUSTOM_ELEMENTS_SCHEMA后未生效，大概率是因为项目中存在特性模块（Feature Modules）——Angular的模块配置是独立作用域的，主模块的schemas不会自动继承给子模块。以下是几种可行的解决办法：

• 为所有特性模块单独配置schemas
  每个子模块的@NgModule都需要添加schemas配置，示例代码：

  @NgModule({
    imports: [CommonModule],
    declarations: [FeatureComponent],
    schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA]
  })
  export class FeatureModule { }
  

• 全局禁用模板类型检查
  若不想逐个模块配置，可以修改tsconfig.json中的Angular编译选项，关闭全局模板检查：

  {
    "compilerOptions": {
      // 原有编译选项
    },
    "angularCompilerOptions": {
      "fullTemplateTypeCheck": false,
      "strictTemplates": false
    }
  }
  

  注意：此设置仅适合重构期间临时使用，重构完成后建议恢复，避免遗漏潜在的模板问题。

• 针对单个组件禁用模板检查
  如果只需要忽略特定组件的模板错误，可直接在组件装饰器中添加schemas：

  @Component({
    selector: 'app-target-component',
    templateUrl: './target-component.component.html',
    schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA]
  })
  export class TargetComponent { }
  

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