Angular模板驱动表单报错：无exportAs为ngForm的指令

这些错误本质上都是模块依赖导入不完整或组件未正确声明导致的，我来逐个帮你排查解决：

1. 关于ngForm、ngModel、ngValue的相关错误 #

这几个错误核心原因一致：你的组件所属的模块（从错误栈看是DynamicTestModule）没有正确导入FormsModule。

虽然你提到在根模块和子模块中导入了FormsModule，但Angular的模块是隔离的——只有在组件所在模块的imports数组中声明的模块，其内部的指令、组件才能在该模块的组件模板中生效。

解决方案： #

找到PacienteDialogComponent所属的DynamicTestModule（或对应业务模块），确保在它的@NgModule配置中导入FormsModule和ReactiveFormsModule：

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    // ...保留其他已导入的模块
    FormsModule,
    ReactiveFormsModule
  ],
  declarations: [PacienteDialogComponent] // 务必确保该组件已声明在当前模块中
})
export class DynamicTestModule { }

2. 'jhi-alert-error' 不是已知元素 #

这个错误说明jhi-alert-error组件未被当前模块识别，可能的原因有两个：

• 该组件是自定义组件，但未在当前模块的declarations数组中声明；
• 该组件属于共享模块（比如你提到的OncosupSharedModule），但共享模块没有将它export出来，或者当前模块没有导入这个共享模块。

解决方案： #

• 如果是自定义组件：将它添加到当前模块的declarations中，或者在共享模块中声明并export，再在当前模块导入该共享模块；
• 如果是第三方组件：确认对应的功能模块已被导入到当前模块中；
• 若只是临时抑制错误（不推荐，仅适用于Web Component场景），可以在模块的schemas中添加CUSTOM_ELEMENTS_SCHEMA：

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

@NgModule({
  // ...其他配置
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class DynamicTestModule { }

3. There is no directive with "exportAs" set to "ngbDatepicker" #

这个错误是因为你使用了NgBootstrap的日期选择器，但未导入对应的模块。ngbDatepicker属于NgbDatepickerModule，需要从@ng-bootstrap/ng-bootstrap包中引入。

解决方案： #

在你的模块（DynamicTestModule或根模块）中导入NgbDatepickerModule：

import { NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  imports: [
    // ...其他模块
    NgbDatepickerModule
  ]
})
export class DynamicTestModule { }

最后记得修改模块配置后重启Angular开发服务器，确保所有更改生效。

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