title: Ionic Reload Blank Page
body: <p>When serving my Ionic application, every even refresh is a blank page.</p>
  
  <p>E.g. the first time I load my app it works, and after making a code change the live reload displays a blank page, then it works, then a blank page and so on.</p>
  
  <p>How do I find the cause of this? I've compared its routing setup to that of a project which works (a blank project) and they seem to work the same.</p>
  
  <p>When it fails to live reload and shows a blank page, no errors are displaying in the Chrome DevTools console, or in my terminal.</p>
  
  <p>This occurs when serving the app using any of the commands:</p>
  
  <pre class="lang-sh prettyprint-override"><code>ionic serve
  ionic cordova run android -l
  ionic serve --devapp
  </code></pre>
  
  <p>My app.component.ts:</p>
  
  <pre class="lang-js prettyprint-override"><code>import { Component } from '@angular/core';
  
  import { Platform } from '@ionic/angular';
  import { SplashScreen } from '@ionic-native/splash-screen/ngx';
  import { StatusBar } from '@ionic-native/status-bar/ngx';
  
  @Component({
    selector: 'app-root',
    templateUrl: 'app.component.html',
    styleUrls: ['app.component.scss']
  })
  export class AppComponent {
    public appPages = [
      {
        title: 'Home',
        url: '/home',
        icon: 'home'
      },
      {
        title: 'List',
        url: '/list',
        icon: 'list'
      }
    ];
  
    constructor(
      private platform: Platform,
      private splashScreen: SplashScreen,
      private statusBar: StatusBar
    ) {
      this.initializeApp();
    }
  
    initializeApp() {
      this.platform.ready().then(() =&gt; {
        this.statusBar.styleDefault();
        this.splashScreen.hide();
      });
    }
  }
  
  </code></pre>