Невозможно прочитать свойство push из неопределенного Ionic 3

Question

app-component.ts

goRevervationPage() {
  console.log("test")
    this.navCtrl.push('ReservationPage')
}

app.html

 <ion-list>
            <button class="sideMenuItem selectedItem" ion-item detail-none>Accueil</button>
            <button class="sideMenuItem" ion-item detail-none (click)="goRevervationPage()">Réservation</button>
            <button class="sideMenuItem" ion-item detail-none>Créer une fiche client</button>
         ..   <button class="sideMenuItem" ion-item detail-none>Fiche client</button>
            <button class="sideMenuItem" ion-item detail-none>All Clients</button>

        </ion-list>

Answer 1

Дайте имя страницы без кавычек, и вам нужно импортировать компонент страницы также в заголовке

goRevervationPage() {
  console.log("test")
  this.navCtrl.push(ReservationPage)
}

Answer 2

Не совсем уверен, что вы пытаетесь сделать с NavController в вашем app.component.ts.

Но похоже, что вы забыли добавить его в зависимости.Внедрение его как зависимости в constructor должно заставить его работать.Как то так:

import { Component } from '@angular/core';
import { Platform, NavController } from 'ionic-angular';

import { TabsPage } from '../pages/tabs/tabs';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage: any = TabsPage;

  constructor(
    platform: Platform,
    public navCtrl: NavController
  ) {
    ...
  }

  goRevervationPage() {
    console.log("test")
    this.navCtrl.push('ReservationPage')
  }

  ...

}