Ошибка при импорте компонента в другой компонент в angular 7

Question

Каждый раз, когда я пытаюсь импортировать компонент в другой компонент (они не являются братьями и сестрами), я получаю эту ошибку на консоли:

...
ERROR Error: "StaticInjectorError(AppModule)[LogsTableComponent -> FilterBarComponent]: 
StaticInjectorError(Platform: core)[LogsTableComponent -> FilterBarComponent]: 
NullInjectorError: No provider for FilterBarComponent!"
...

вот мой файл app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { LogsTableComponent } from './components/logs-table/logs- 
table.component';
import { FilterBarComponent } from './components/filter-bar/filter- 
bar.component';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { HttpClientTestService } from './http-client-test.service';

@NgModule({
  declarations: [
    AppComponent,
    FilterBarComponent,
    LogsTableComponent,
  ],

  imports: [
    BrowserModule,
    // HttpClientModule should be imported after BrowserModule.
    HttpClientModule,

    BsDatepickerModule.forRoot()

  ],
  providers: [HttpClientTestService],
  bootstrap: [AppComponent]
})
export class AppModule { }

Может кто-нибудь помочь мне узнать, почему возникает эта ошибка и как ее устранить.

Answer 1

Это может быть ключевая фраза: «Нет поставщика для FilterBarComponent!» . Я полагаю, вам следует добавить FilterBarComponent в массив «import / provider (?)» В файле «AppModule».

Answer 2

Вам необходимо import FilterBarComponent в app.module.ts файле, а также добавить FilterBarComponent в declaration разделе app.module.ts, чтобы использовать компонент.