将组件导入到angular 7中的另一个组件时出错

每次我尝试将一个组件导入到另一个组件（它们不是同级组件）时，控制台上都会出现以下错误：

...
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 { }

---

有谁能帮助我了解发生此错误的原因以及如何解决它。

这可能是关键短语：“FilterBarComponent没有提供程序！”。

---

我想，您应该将FilterBarComponent添加到“AppModule”文件中的“imports/providers（？）”数组中。

您需要

导入
app.module.ts
文件中的FilterBarComponent，并在
app.module.ts
部分的
声明中添加FilterBarComponent以使用该组件。
，您的问题和解决方案可能与我发布的类似。也检查一下这个问题，它似乎非常相似：我在app.module中将filterBarComponent添加到了提供者，这两个组件现在都可以工作了，但是由于这个“将组件导入到其他组件”而要执行的服务无法工作！无论如何，感谢您的帮助：）您是否已将这些组件添加到
module.ts
文件中的
declarations
数组中？
FilterBarComponent
是否放置在
LogsTableComponent
中的表单内？我添加了app.module.ts文件，没有FilterBarComponent不在LogsTableComponent内，它们与父组件和子组件不同。是否还可以添加组件代码
ts
和
html
文件？我将FilterBarComponent添加到app.module.ts的提供程序中，这两个组件现在都可以工作，但出现了另一个问题，如果我不能解决，我将尝试解决它。可能是，我将把它放在另一个单独的问题中。感谢您的关注：）它们已经导入，我通过添加app.module.ts文件编辑了问题