angular - Ionic : Typescript Error in App. Component.Ts 的新功能

Question

我的 Ionic 应用程序出现 TypeScript 错误。我有一个侧边菜单应用程序，并将菜单分离到它自己的组件中，以便我可以更轻松地添加登录页面。我一直在按照本指南进行操作:http://roblouie.com/article/344/ionic-2-hide-menu-or-tabs-for-login-screen/

在我的新 app.component.ts 中，我有以下代码:

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();
    });
  }
}

我是 Ionic 的新手，我主要是按照指南开始使用。对此事的任何建议将不胜感激。这是我收到的错误消息:

Error Message

Answer 1

使用 Angular 在构造函数 (DI) 中注入(inject)的实例，而不是 StatusBar 和 SplashScreen 类的静态方法，如如下所示:

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