angular - ionic2 导航时崩溃 [navPush]

Question

我今天开始使用 ionic 2 进行构建，并且取得了很大的进步。我有 3-4 个页面可以正常导航，然后出现了一些我无法弄清楚的问题。

现在，每当我执行到任何其他页面的简单导航时，我都会收到以下错误。我开始取消所有代码的注释，然后创建一个全新的空白项目(两次)，并使用尽可能少的代码。它仍然在发生，我不知道为什么。有什么帮助吗？

步骤: 1)创建新项目

ionic start IonicLogin blank --v2

2)添加新页面:

ionic g page landing

3) 更新 home.html 和 home.ts 以导航到登陆页面(下面的 html)

<button ion-button [navPush]="signupPage">

4) 更新 app.module.ts 以包含新的登陆页面(导入和entryComponents)

5)运行

ionic serve -c

一切都构建完毕，应用程序加载，但单击按钮我得到:

4     183512   error    invalid page component: undefined
5     183527   error    EXCEPTION: Uncaught (in promise): false
7     183527   error    Error: Uncaught (in promise): false
    at s (http://localhost:8100/build/polyfills.js:3:8546)
    at http://localhost:8100/build/polyfills.js:3:8296
    at Object.ti.reject (http://localhost:8100/build/main.js:46775:23)
    at NavControllerBase._queueTrns (http://localhost:8100/build/main.js:46781:20)
    at NavControllerBase.push (http://localhost:8100/build/main.js:46662:21)
    at NavPush.onClick (http://localhost:8100/build/main.js:55680:23)
    at _View_HomePage0._handle_click_17_0 (HomePage.ngfactory.js:288:34)
    at http://localhost:8100/build/main.js:10947:24
    at http://localhost:8100/build/main.js:34565:36
    at http://localhost:8100/build/main.js:34685:111
6     183527   error    ORIGINAL STACKTRACE:

Answer 1

谢谢@sebaferreras!由于评论要求我提供 home.ts 文件，我在那里看得更近了一些。这就是问题所在。我有 landingPage 作为 LandingPage 类型的实例。将其交换到下面使事情再次正常工作。

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

import { NavController } from 'ionic-angular';
import {LandingPage} from '../landing/landing';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

      landingPage;

  constructor(public navCtrl: NavController) {
    this.landingPage = LandingPage;
  }  
}