我有一个包含3个组件的"共享"模块。我想在app.component.html中包含这些组件。我该怎么做呢？所以我在app.component.html中有：

<header></header>

<div class="main-wrapper">
  <div class="bg-trick"></div>

  <main-nav></main-nav>

  <div class="main-view widened">

    <h1>Here comes my <router-outlet> tag later!</h1>

  </div>

  <sidebar></sidebar>

</div>

所有这些标签-，我在共享模块组件中声明为选择器。在shared. module. ts中，我在声明和导出中添加了这些组件。在app. module. ts中，我通过import添加了共享模块文件，并将其添加到导入SharedModule中。以下是我的文件：

• • 共享的模块ts：**

import { NgModule } from '@angular/core';
import { HeaderComponent } from './header/header.component';
import { MainNavComponent } from './main-nav/main-nav.component';
import { SidebarComponent } from './sidebar/sidebar.component';

@NgModule({
  imports: [
   ],
  declarations: [
    HeaderComponent,
    MainNavComponent,
    SidebarComponent
  ],
  exports: [
    HeaderComponent,
    MainNavComponent,
    SidebarComponent
  ]
})
export class SharedModule {}

• • 应用程序模块. ts**

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { SharedModule } from './shared/shared.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

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

"那是我的一部分"

import { Component } from '@angular/core';

@Component({
  selector: 'sidebar',
  templateUrl: './sidebar.component.html',
  styleUrls: ['./sidebar.component.css']
})

export class SidebarComponent {

}

所以我的应用不工作，如果我从app.component.html中删除组件选择器标签，它会正确运行。我做错了什么？其他模块的组件如何插入到app.model中，并用作布局组件，显示在每个页面上。