ERROR 错误：NbFormFieldComponent 必须包含 [nbInput]答案

【问题标题】：ERROR Error: NbFormFieldComponent must contain [nbInput]ERROR 错误：NbFormFieldComponent 必须包含 [nbInput]
【发布时间】：2021-08-31 08:36:30
【问题描述】：

我遇到了 Nebular 和 Angular 12 的问题，我正在尝试在输入中添加一个图标，因为我正在使用文档告诉我的标签。

但它返回了这个错误：

ERROR 错误：NbFormFieldComponent 必须包含 [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

祝你有美好的一天！

【问题讨论】：

您已将日期选择器包装在中，该选择器期望在其中包含 nbInput 元素并显示错误。删除它将解决您的问题。
如果我从中删除也会出现同样的错误。

标签： angular nebular form-fields

【解决方案1】：

对于那些面临同样问题的人来说，这里是解决方案：

我忘记导入了

NbInputModule，

与

NbFormFieldModule，

在我的 Page.module.ts 中

【讨论】：