Ionic 4 页面导航

Question

我正在尝试使用 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, {});
  }

}

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

Answer 1

您需要在 app.module.ts

中添加 page2

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

Ionic 4 页面导航

Ionic 4 page navigation

ionic-framework

ionic4