[英]Error while importing a component to another component in 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(?)”數組中。
您需要import
的FilterBarComponent在app.module.ts
文件,並添加FilterBarComponent在declaration
的部分app.module.ts
使用的組件。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.