ERROR Error: NbFormFieldComponent must contain [nbInput]

ERROR Error: NbFormFieldComponent must contain [nbInput]

我遇到了 Nebular 和 Angular12 的问题,我正在尝试在输入中添加一个图标,因为我正在使用标签,就像文档告诉我的那样。

但它 return 我这个错误 :

ERROR Error: NbFormFieldComponent must contain [nbInput]

有人面临类似问题吗?这是我尝试使用 nb-form-field 的代码部分:

<nb-form-field class="range-picker-container">
    <nb-icon nbPrefix icon="at-outline" pack="eva"></nb-icon>
    <input nbInput placeholder="{{ range.start | date }} - {{ range.end | date }}" [nbDatepicker]="rangePicker">
    <nb-rangepicker [range]="range" #rangePicker></nb-rangepicker>
</nb-form-field>

我当然要在我的 Page.module.ts

中导入 NbFormFieldModule

祝你有愉快的一天!

对于那些面临同样问题的人,这里是解决方案:

我忘了导入

NbInputModule,

NbFormFieldModule,

在我的 Page.module.ts