离子Beta：如何用单独的组件定义离子标签？

Question

我正在将Angular JS（7.1.4）与beta Ionic框架（5.0.0-beta.21）一起使用。

我有两个选项卡：UI中的“主页”和“历史记录”。在documentation of ionic tabs中，我分别添加了RechargeComponent和RechargeHistoryComponent。

    //in the home.component.html

<ion-tabs>
        <ion-tab component="RechargeComponent" tab="home"></ion-tab>
        <ion-tab component="RechargeHistoryComponent" tab="history"></ion-tab>

        <ion-tab-bar slot="bottom">
            <ion-tab-button tab="home">
                <ion-label>Home</ion-label>
                <ion-icon name="home"></ion-icon>
            </ion-tab-button>
            <ion-tab-button tab="history">
                <ion-label>History</ion-label>
                <ion-icon name="bookmarks"></ion-icon>
            </ion-tab-button>
        </ion-tab-bar>
    </ion-tabs>

我已经在home.component.ts中导入了这两个组件。

import { RechargeComponent } from "../recharge/recharge.component";
import { RechargeHistoryComponent } from "../recharge-history/recharge-history.component";

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css'],
  entryComponents: [
    RechargeComponent, RechargeHistoryComponent
  ]
})

我也在app.module.ts中声明了它。

import { RechargeHistoryComponent } from './recharge-history/recharge-history.component';
import { RechargeComponent } from './recharge/recharge.component';

@NgModule({
  declarations: [
    AppComponent,
    RechargeHistoryComponent,
    RechargeComponent

在控制台中，它显示错误

  

core.js：14597错误错误：未被捕获（承诺）：错误：未找到RechargeComponent的组件工厂。您是否将其添加到@ NgModule.entryComponents？   错误：找不到RechargeComponent的组件工厂。您是否将其添加到@ NgModule.entryComponents？       在noComponentFactoryError