Angular 无法绑定到“种类”,因为它不是“ngx fs icon”的已知属性

Angular 无法绑定到“种类”,因为它不是“ngx fs icon”的已知属性,angular,ng-build,ngx-admin,Angular,Ng Build,Ngx Admin,我正在使用Akveo/ngx管理模板。我已经创建了一些自己的模块并在其中运行,然后尝试在其上运行生产构建,但它给了我一些错误。所以我必须创建一个共享模块,我把所有的模块放在共享模块的导入中,几乎所有的错误都消失了,但这一个 错误:无法绑定到“种类”,因为它不是的已知属性 “ngx fs图标”。 1.如果“ngx fs图标”是一个角度组件,并且具有“种类”输入,则验证它是否是该模块的一部分。 2.如果“ngx fs icon”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添

我正在使用Akveo/ngx管理模板。我已经创建了一些自己的模块并在其中运行,然后尝试在其上运行生产构建,但它给了我一些错误。所以我必须创建一个共享模块,我把所有的模块放在共享模块的导入中,几乎所有的错误都消失了,但这一个

错误:无法绑定到“种类”,因为它不是的已知属性 “ngx fs图标”。 1.如果“ngx fs图标”是一个角度组件,并且具有“种类”输入,则验证它是否是该模块的一部分。 2.如果“ngx fs icon”是一个Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas” 以抑制此消息

默认情况下,ngx fs图标组件位于tree-grid.component.ts文件中

@Component({
  selector: 'ngx-fs-icon',
  template: `
    <nb-tree-grid-row-toggle [expanded]="expanded" *ngIf="isDir(); else fileIcon">
    </nb-tree-grid-row-toggle>
    <ng-template #fileIcon>
      <nb-icon icon="file-text-outline"></nb-icon>
    </ng-template>
  `,
})
export class FsIconComponent {
  @Input() kind: string;
  @Input() expanded: boolean;

  isDir(): boolean {
    return this.kind === 'dir';
  }
shared.module.ts文件

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import {
  NbAccordionModule,
  NbButtonModule,
  NbCardModule,
  NbListModule,
  NbRouteTabsetModule,
  NbStepperModule,
  NbTabsetModule, NbUserModule,
  NbRadioModule, NbSelectModule,
  NbDatepickerModule, NbActionsModule,
  NbCheckboxModule, NbAlertModule
} from '@nebular/theme';


import { AlertComponent } from '../extra-components/alert/alert.component';
import { NbIconModule, NbInputModule, NbTreeGridModule } from '@nebular/theme';
import { Ng2SmartTableModule } from 'ng2-smart-table';
import { ThemeModule } from '../../@theme/theme.module';
import { FormsRoutingModule } from '../forms/forms-routing.module';
import { TablesModule } from '../tables/tables.module';

import { FormsComponent } from '../forms/forms.component';
import { FormInputsComponent } from '../forms/form-inputs/form-inputs.component';
import { FormLayoutsComponent } from '../forms/form-layouts/form-layouts.component';
import { ButtonsComponent } from '../forms/buttons/buttons.component';
import { FsIconComponent } from '../tables/tree-grid/tree-grid.component';
import { DatepickerComponent } from '../forms/datepicker/datepicker.component';

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    FormsModule,
      ReactiveFormsModule,
      ThemeModule,
      NbTabsetModule,
      NbRouteTabsetModule,
      NbStepperModule,
      NbCardModule,
      NbButtonModule,
      NbListModule,
      NbAccordionModule,
      NbUserModule,
      NbTreeGridModule,
      NbIconModule,
      NbInputModule,
      ThemeModule,
      // TablesRoutingModule,
      Ng2SmartTableModule,
      NbRadioModule, 
      NbSelectModule,
      NbDatepickerModule,
      NbActionsModule,
      FormsRoutingModule,
      NbCheckboxModule,
      NbAlertModule,
      TablesModule
  ]
})
export class SharedModule { }

如果不导出FsIconComponent,它将无法在其他模块中使用

//your module
declarations: [
  ...routedComponents,
  FsIconComponent,
],
exports: [FsIconComponent]

我尝试将图标组件添加到share.module,但出现错误

模块“SharedModule”导入了意外指令“NbFsComponent”


Im my case仅适用于在使用树时将图标组件添加到此模块中的声明

您忘记在组件文件中导入“输入”

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

我试过了,但在产品构建过程中出现了相同的错误
import { Input } from '@angular/core';