Question

我今天开始使用离子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以包含新的目标网页（import＆amp; 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;
  }  
}

导航中的ionic2崩溃[navPush]

1 个答案: