Ошибка: ионное приложение StatusBar.styleDefault() && SplashScreen.hide()

Question

Здравствуйте, так что я только начал пробовать Ионик, но я вроде врезался в стену и мне нужно немного помочь

Так что проблема будет

initializeApp()
  {
    this.platform.ready().then(() => {

      if(this.platform.is('android') || this.platform.is('ios'))
      {
        ScreenOrientation.lockOrientation('portrait-primary');
      }
      StatusBar.styleDefault();
      SplashScreen.hide();
    });
  }

ошибки здесь будут "Ошибка свойства"... "не существует" для свойств ScreenOrientation, StatusBar и SplashScreen после.(точка)

Я следовал руководству Джошуа Морони по созданию боковых меню (кстати, я искал другие учебники, и они были в основном такими же, как у него, за исключением некоторых, добавили функцию вкладок), и у меня была эта ошибка перед добавлением

if(this.platform.is('android') || this.platform.is('ios'))
      {
        ScreenOrientation.lockOrientation('portrait-primary');
      }

код initializeApp(), как указано здесь https://github.com/ionic-team/ionic-cli/issues/1883 были также решения, в которых я обновлял, удалял и переустанавливал плагины Cordova,

app.components.ts

import { Component, ViewChild } from '@angular/core';
import { Nav, Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { Http } from '@angular/http';
import { SplashScreen } from '@ionic-native/splash-screen';
import { Md5 } from 'ts-md5/dist/md5';
import { ScreenOrientation } from '@ionic-native/screen-orientation';

import { LoginPage } from '../pages/login/login';
import { OrderPage } from '../pages/order/order';
import { HistoryPage } from '../pages/history/history';
import { LoginService } from '../pages/login/login.service';


import { AuthProvider } from '../providers/auth/auth';
import { LoadingController } from 'ionic-angular';


@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  @ViewChild(Nav) nav: Nav;
  rootPage: any = OrderPage;
  activePage: any;

  pages: Array<{title: string, component: any}>;

  constructor(public platform: Platform) {
    this.initializeApp();

    this.pages = [
      {title: 'Orders', component: OrderPage},
      {title: 'History', component: HistoryPage}
    ];

    this.activePage = this.pages[0];
  }
  initializeApp()
  {
    this.platform.ready().then(() => {

      if(this.platform.is('android') || this.platform.is('ios'))
      {
        ScreenOrientation.lockOrientation(this.getOrientation());
      }
      StatusBar.styleDefault();
      SplashScreen.hide();
    });
  }

  openPage(page)
  {
    this.nav.setRoot(page.component);
    this.activePage = page;
  }
}

приложение module.ts

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { Md5 } from 'ts-md5/dist/md5';

import { LoginService } from '../pages/login/login.service';
import { LoginPage } from '../pages/login/login';
import { OrderPage } from '../pages/order/order';
import { HistoryPage } from '../pages/history/history';

import { AuthProvider } from '../providers/auth/auth';

import { ScreenOrientation } from '@ionic-native/screen-orientation';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';


@NgModule({
  declarations: [
    MyApp,
    LoginPage,
    OrderPage,
    HistoryPage
  ],
  imports: [
    HttpModule,
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    LoginPage,
    OrderPage,
    HistoryPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    ScreenOrientation,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    AuthProvider,
    LoginService,
    Md5
  ]
})

app.html

<ion-menu [content]="content">

<ion-header>
  <ion-toolbar>
    <ion-title>Menu</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <button ion-item menuClose *ngFor="let p of pages" (click)="openPage(p)">
      {{ p.title }}
    </button>
  </ion-list>
</ion-content>
</ion-menu>

<ion-nav [root]="OrderPage" #content swipeBackEnabled="false"></ion-nav>

У меня есть сомнения, что это может быть связано с моими кодами входа

login.html

<ion-header>
  <ion-navbar>
    <ion-title>
      Log-in
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding style= "background-color: #0847ad"> 

<ion-list style="padding-top: 110px">
<div>
 <img alt="cangs" height="90" src="assets/imgs/cangs.png" >
 <h4 text-center style="color: white">Cang's Inc.</h4> 
</div>

 <ion-label text-center style="font-size: 12px; color:     white">Authentication</ion-label>

  <ion-item id="user">
    <ion-input  placeholder="Username" type="text" name="user"             [(ngModel)]="user"></ion-input>
  </ion-item>

  <ion-item id="pw">
    <ion-input  placeholder="Password" type="password" name="pass"     [(ngModel)]="pass"></ion-input>
  </ion-item>
</ion-list>
<div text-center> 
    <button ion-button outline round style="color: white; background-    color:#0847ad" (click)="login($event)">Log-in</button>
</div>


</ion-content>

login.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Md5 } from 'ts-md5/dist/md5';

import { LoginService } from './login.service';
import { OrderPage } from '../../pages/order/order';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {

    user: any;
    pass: any;

    MoveToOrder(){
        //10016
        //ed9d07d5
        console.log("move page");
        this.navCtrl.push(OrderPage, {
            data1: this.user,
            data2: this.pass
        });
    }

    hash:string = '';
  public cus: any=[];
  public error: string ="";
  logindetails: boolean=false;
  public inputuser: string = '';
    public inputpass: string ='';
    public inputusername: string ='';

  constructor(private _md5: Md5, private log: LoginService, public navCtrl: NavController){
                this.log.getCustomer().then(res =>{
                            this.cus=res;
                });
    }

  login(event : any)
  {
        console.log(this.user);
        console.log(Md5.hashStr(this.pass));
        for(let data of this.cus)
        {

            if(this.user == data.customerID)
      { 
                this.error="Incorrect Password";
                console.log("matchuser");
                if(Md5.hashStr(this.pass) == data.cusPassword)
                {
          console.log(data);
                    this.inputuser=data.customerID;
                    this.inputpass=data.cusPassword;

                    this.inputusername= data.cusFirstName + " " + data.cusMiddleName + ". " + data.cusLastName;
                    this.logindetails=true;
                    this.error=""
                    console.log("matchpass");

                    this.MoveToOrder();
                    console.log("yeye");
                }
            }
            console.log(data.cusPassword);
        }
    }

}

версии моих плагинов и прочее являются вторыми по сравнению с последними, если не последними версиями