离子4页导航

时间:2019-11-26 15:04:46

标签: ionic-framework ionic4

我试图使用ionic 4创建一个应用程序。最初,我需要在一个屏幕和另一个屏幕之间导航(从第1页到第2页)。但是,以下错误总是为我弹出:

Uncaught (in promise): Error: No component factory found for Page2. Did you add it to @NgModule.entryComponents?
Error: No component factory found for Page2. Did you add it to @NgModule.entryComponents?

我的page1.html:

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Page One</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-label id="textView">Oi, Fulano!</ion-label>
  <button (click)='outraPagina();' id="btnTrocar">Trocar usuário</button>
</ion-content>

我的page1.ts:

import { Component } from '@angular/core';
import { IonicPage, NavController } from 'ionic-angular';
import { Page2 } from '../page2/page2'

@IonicPage()
@Component({
  selector: 'page-page1',
  templateUrl: 'page1.html'
})
export class Page1 {
  constructor(public navCtrl: NavController) {

  }

  outraPagina() {
    this.navCtrl.push(Page2, {});
  }

}

关于如何解决的任何想法? 谢谢。

1 个答案:

答案 0 :(得分:1)

您需要在app.module.ts中添加page2

  declarations: [
    AppComponent,
    page2
  ],
  entryComponents: [page2],