Angular报错Can't bind to 'ngIf' since it isn't a known property of 'form'求助

问题根因 #

你使用*ngIf指令的模板属于UsuarioEditComponent，但你提供的UsuarioModule配置中，declarations声明数组仅包含三个组件：UsuarioHomeComponent、UsuarioFormComponent、UsuarioListComponent，并没有将UsuarioEditComponent加入声明列表。
Angular只会对模块declarations数组内声明的组件，或者从其他模块imports导入的已导出组件，解析模板中绑定的内置指令。未被当前模块声明的组件，无法继承当前模块导入的CommonModule提供的*ngIf指令能力，因此会触发这个报错。

解决方案 #

• 直接把UsuarioEditComponent加入到UsuarioModule的declarations数组中即可：

@NgModule({
  declarations: [
   UsuarioHomeComponent,
   UsuarioFormComponent,
   UsuarioListComponent,
   // 新增这一行
   UsuarioEditComponent
  ],
  // 其余配置保持不变
})
export class UsuarioModule { }

其他可排查场景 #

如果按上述操作后仍未解决，可依次检查：

• 如果UsuarioEditComponent是声明在其他模块，确保对应模块的imports数组已导入CommonModule
• 检查路由配置中usuario-edit路径对应的组件归属模块正确，没有写错组件导入路径
• 如果你使用的是Angular 14及以上版本的独立组件（带standalone: true配置），需要在组件的@Component装饰器的imports数组中手动导入CommonModule，无法依赖所属模块的全局导入

内容的提问来源于stack exchange，提问作者Eric Efrain Almendras Arnez