错误：尝试从HomePage推送到MoreinfoPage时找不到名称'MoreInfo'

Question

我在点击按钮时尝试从HomePage加载MoreinfoPage，我收到以下错误：

  

Typescript Error无法找到名称'MoreinfoPage'。

home.html的

<button [navPush]="moreinfoPage">More Info</button>

home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { MoreinfoPage } from 'pages/moreinfo/moreinfo'

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  moreinfoPage: MoreinfoPage;
  constructor(public navCtrl: NavController){}
}

我没有对默认文件夹结构进行任何更改。为什么找不到MoreinfoPage？

Answer 1

检查NavPush。

您需要在构造函数中设置页面。

export class HomePage {
  moreinfoPage: MoreinfoPage;
  constructor(public navCtrl: NavController){
    this.moreinfoPage = MoreinfoPage;//here
}
}

Answer 2

想出来。类型应设置为any，并且页面需要分配给变量。

moreinfoPage: any = MoreinfoPage;