title: Angular app does not load - no errors on browser
body: <p>I created one simple angular application. 
  Webpack compiled successfully. localhost:4200 opened my application. Cool.</p>
  
  <p>To host it on firebase, I tried to install firebase@4.2.0 and angularfire2@4.0.0-rc.1 but I got a self signed certificate error since I'm behind my org firewall.</p>
  
  <p>After this, my app stopped working and I don't see any error on browser too. It just doesn't load. How do I debug this? Not just this app, my other angular apps also stopped working. I even tried creating a new app and it doesn't load as well. All of them compile successfully when I run ng serve command.</p>
  
  <p>My main.ts file:</p>
  
  <pre><code>import { enableProdMode } from '@angular/core';
  import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  import { AppModule } from './app/app.module';
  import { environment } from './environments/environment';
  
  if (environment.production) {
    enableProdMode();
  }
  
  platformBrowserDynamic().bootstrapModule(AppModule);
  </code></pre>
  
  <p>My index.html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;SampleApp&lt;/title&gt;
    &lt;base href="/"&gt;
  
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app component:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'app';
  }
  </code></pre>
  
  <p>I guess that some libraries were corrupted after firebase installation attempt and need to be reinstalled/repaired. </p>
  
  <p>Please suggest how to get to the root cause and fix it.</p>