Neu bei Ionic: Typescript Fehler in App.Component.Ts

Question

Ich erhalte einen TypeScript-Fehler in meiner Ionic App. Ich habe eine Sidemenü-App und trennte das Menü in eine eigene Komponente, so dass ich eine Anmeldeseite leichter hinzufügen konnte. Ich verfolge diese Anleitung zu tun: http://roblouie.com/article/344/ionic-2-hide-menu-or-tabs-for-login-screen/

In meinem neuen app.component.ts Ich habe den folgenden Code:

import { Component, ViewChild } from '@angular/core'; 
import { Nav, Platform } from 'ionic-angular'; 
import { StatusBar } from '@ionic-native/status-bar'; 
import { SplashScreen } from '@ionic-native/splash-screen'; 

import { MenuComponent } from "./menu.component"; 

@Component({ 
    template: '<ion-nav #baseNav></ion-nav>' 
}) 
export class MyApp { 
    @ViewChild('baseNav') nav: Nav; 

    constructor(public platform: Platform, public statusBar: StatusBar, public splashScreen: SplashScreen) { 
    this.initializeApp(); 
    } 

    ngOnInit() { 
    this.nav.push(MenuComponent, { animate: false }); 
    } 

    initializeApp() { 
    this.platform.ready().then(() => { 
     // Okay, so the platform is ready and our plugins are available. 
     // Here you can do any higher level native things you might need. 
     StatusBar.styleDefault(); 
     SplashScreen.hide(); 
    }); 
    } 
} 

Ich bin ziemlich neu mit ionischen und ich wurden meist folgende Führungen loslegen. Jeder Rat in dieser Angelegenheit würde sehr geschätzt werden. Hier ist die Fehlermeldung erhalte ich:

Error Message

Answer 1

Verwenden Sie die Instanzen, die Angular einspritzt im Konstruktor (DI) anstelle der statischen Methoden der StatusBar und den SplashScreen Klassen, wie gezeigt unten:

initializeApp() { 
    this.platform.ready().then(() => { 
     this.statusBar.styleDefault(); 
     this.splashScreen.hide(); 
    }); 
}