title: NativeScript white screen on launch after adding routing
body: <p>I'm writing my first app in NativeScript and I'm not too familiar with front-end development. I've just started, and created a simple first screen with two buttons. When pressing on a button it should navigate to another screen. I've added a Route based on the basic tutorial, but now the app is simply not showing anything. I'm not sure how I can debug the problem or see any log / error that can help me figure out where's the problem. 
  Here's my code:</p>
  
  <p>app.routing.module.ts</p>
  
  <pre><code>import { NgModule } from "@angular/core";
  import { Routes } from "@angular/router";
  import { NativeScriptRouterModule } from "nativescript-angular/router";
  
  const routes: Routes = [
     { path: "", redirectTo: "/home", pathMatch: "full" },
     { path: "home", loadChildren: "./home/home.module#HomeModule" },
  
  ];
  
  @NgModule({
      imports: [NativeScriptRouterModule.forRoot(routes)],
      exports: [NativeScriptRouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>
  
  <p>home-routing-module.ts</p>
  
  <pre><code>import { NgModule } from "@angular/core";
  import { Routes } from "@angular/router";
  import { NativeScriptRouterModule } from "nativescript-angular/router";
  
  import { HomeComponent } from "./home.component";
  import { MathComponent } from "../math/math.component";
  
  const routes: Routes = [
      { path: "", component: HomeComponent },
      { path: "math", component: MathComponent }
  ];
  
  @NgModule({
      imports: [NativeScriptRouterModule.forChild(routes)],
      exports: [NativeScriptRouterModule]
  })
  export class HomeRoutingModule { }
  
  export const navigatableComponents = [
      MathComponent
  ];
  </code></pre>
  
  <p>home.component.html</p>
  
  <p></p>
  
  <pre><code>&lt;GridLayout&gt;
      &lt;ScrollView class="page"&gt;
          &lt;StackLayout class="home-panel"&gt;
              &lt;Label textWrap="true" text="Test" class="h2 description-label"&gt;&lt;/Label&gt;
              &lt;Button text="Math" (tap)="onMathTap()"&gt;&lt;/Button&gt;
          &lt;/StackLayout&gt;
       &lt;/ScrollView&gt;
  &lt;/GridLayout&gt;
  </code></pre>
  
  <p>home.component.ts</p>
  
  <pre><code>import { Component, OnInit } from "@angular/core";
  import { Router } from "@angular/router";
  
  @Component({
      selector: "Home",
      moduleId: module.id,
      templateUrl: "./home.component.html",
      styleUrls: ['./home.component.css']
  })
   export class HomeComponent implements OnInit {
  
      onMathTap(): void {
          console.log("Math was pressed");
          this.router.navigate(["/math"])
      }
  
  
      constructor(private router: Router) { }
  
      ngOnInit(): void {
      }
  }
  </code></pre>
  
  <p>app.modules.ts</p>
  
  <pre><code>import { AppRoutingModule } from "./app-routing.module";
  import { AppComponent } from "./app.component";
  
  @NgModule({
      bootstrap: [
          AppComponent
      ],
      imports: [
          NativeScriptModule,
          AppRoutingModule
      ],
      declarations: [
          AppComponent
      ],
      schemas: [
          NO_ERRORS_SCHEMA
      ]
  })
  export class AppModule { }
  </code></pre>