如果“b-header”是 Angular 组件，则验证它是否是该模块的一部分

Question

我尝试为我的项目建立基础，但我不知道我错过了什么。 也许我弄乱了导入/导出，但我不知道在哪里:( 我在 router-outlet 和 b-menu 组件上遇到了同样的问题

主页：这是我尝试使用我的标题组件的地方

<header class="main-header">
          <div class="main-top-header"></div>
            <div class="main-header-container">
                <b-header></b-header>
                <div class="main-menu-wrapper">
                    <div class="main-menu-container" id="mainMenuContainer">
                        <b-menu></b-menu>
                    </div>
                </div>
            </div>
        </header>
        <main class="main-content-container">
          <h1>main component</h1>
            <div class="main-content">
              <router-outlet></router-outlet>
            </div>
        </main>

主页.模块：

@NgModule({
  declarations: [MainPageComponent],
  exports: [MainPageComponent],
  imports: [
    CommonModule,
    HeaderModule,
    MenuModule,
    AppRoutingModule
  ]
})
class MainPageModule { }

export {
  MainPageModule,
  MainPageComponent
};

标题：

@Component({
  selector: "b-header",
  template: `
        <div class="header-container">
            <div class="header-menu-container">
                <h1>header component</h1>
            </div>
            <div class="header-logo">
            </div>
        </div>
    `
})

我的 header.module：

@NgModule({
  declarations: [HeaderComponent],
  exports: [HeaderComponent],
  imports: [
    CommonModule,
  ]
})
class HeaderModule { }

export {
  HeaderModule,
  HeaderComponent
};

和我的app.module：

    enter @NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

请将 mMainPagemodule 导入到 AppModule