Невозможно использовать один из моих элементов, объявленных в моей собственной библиотеке

Question

Я пытаюсь создать библиотеку, из которой я могу использовать компонент, но angular говорит, что элемент, который я использую, не распознается как элемент. Я пытаюсь экспортировать VitalSignLinesListComponent.

Следующие шаги:

1. объявление компонента в модуле библиотеки
2. экспорт компонента в модуль библиотеки
3. экспорт компонента в publi c API
4. импорт модуля из библиотеки
5. место элемента в файле html
6. ошибка получения

Я получаю ошибку:

ОШИБКА в src / app / app.component. html: 2: 1 - ошибка NG8001: 'lib-vital- sign-lines-list 'не является известным элементом: 1. Если' lib-vital-sign-lines-list 'является Angular компонентом, то убедитесь, что он является частью этого модуля. 2. Если 'lib-vital-sign-lines-list' является веб-компонентом, то добавьте 'CUSTOM_ELEMENTS_SCHEMA' в '@ NgModule.schemas' этого компонента, чтобы подавить это сообщение.

COMPONENT:

@Component({
  selector: 'lib-vital-sign-lines-list',
  templateUrl: './vital-sign-lines-list.component.html',
  styleUrls: ['./vital-sign-lines-list.component.css']
})

export class VitalSignLinesListComponent implements OnInit {

  @Input()
  idEdDossier: string;
}

МОДУЛЬ БИБЛИОТЕКИ:

import { NgModule } from '@angular/core';
import { VitalsignsComponent } from './vitalsigns.component';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule, Routes } from '@angular/router';
import { ModalInputComponent } from './modal-input/modal-input.component';
import { VitalSignLinesListComponent } from './vital-sign-lines-list/vital-sign-lines-list.component';
import { NgSelectModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';
import { EcareLibModule } from 'ecarelib'
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { ComboBoxComponent } from './combo-box/combo-box.component';
import { ComboBoxPipe } from './combo-box/combo-box.pipe';
import { LogService } from './services/log.service';
import { ClickOutsideDirective } from './vital-sign-lines-list/click-outside.directive';

const appRoutes: Routes = [
  { path: 'modal', component: ModalInputComponent },
  { path: 'vitalSignLinesList', component: VitalSignLinesListComponent }
];

// @dynamic
@NgModule({
  declarations: [
    VitalsignsComponent,
    ModalInputComponent,
    VitalSignLinesListComponent,
    ComboBoxComponent,
    ComboBoxPipe,
    ClickOutsideDirective
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    EcareLibModule.forRoot(),
    NgSelectModule,
    RouterModule.forRoot(appRoutes, { enableTracing: false }),
    FormsModule,
    NgbModule
  ],
  providers: [LogService],
  exports: [VitalsignsComponent, VitalSignLinesListComponent]
})
export class VitalsignsModule {

}

PUBLI C -API:

export * from './lib/vitalsigns.service';
export * from './lib/vitalsigns.component';
export * from './lib/vitalsigns.module';
export * from './lib/vital-sign-lines-list/vital-sign-lines-list.component';

ИМПОРТНАЯ БИБЛИОТЕКА: (VitalsignsModule)

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { NgSelectModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule, Routes } from '@angular/router';

import { EcareLibModule } from 'ecarelib';
import { VitalsignsModule } from 'vitalsigns';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    EcareLibModule.forRoot(),
    HttpClientModule,
    RouterModule.forRoot([]),
    VitalsignsModule,
    NgbModule,
    NgSelectModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

HTML:

<lib-vital-sign-lines-list [idEdDossier]=idDossier></lib-vital-sign-lines-list>