title: firebase deploy showing blank index file with no app displayed
body: <p>I am trying to deploy a clone of <a href="https://github.com/r-park/todo-angular2-firebase" rel="nofollow noreferrer">https://github.com/r-park/todo-angular2-firebase</a>. I haven't changed anything yet (except for pointing to my own firebase), and I'm just trying to get it to deploy. I am able to run the app locally using gulp, but when I deploy to firebase, I just see an empty white page. The index page is loading, but the app isn't running: <a href="https://minneapolis.firebaseapp.com/" rel="nofollow noreferrer">https://minneapolis.firebaseapp.com/</a></p>
  
  <p>My src file looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/8GkuA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8GkuA.png" alt="enter image description here"></a></p>
  
  <p>My firebase.json file looks just like the <a href="https://www.firebase.com/docs/hosting/guide/deploying.html" rel="nofollow noreferrer">firebase example</a> with the change of "app" to "src" which is the name of my directory:</p>
  
  <pre><code>{
    "firebase": "MY-APP-NAME-HERE",
    "public": "src",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
  </code></pre>
  
  <p>Whne I run locally, I get a console message that says:</p>
  
  <pre><code>Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.
  </code></pre>
  
  <p>But I am importing {enableProdMode} so I think it should be working?</p>
  
  <p>The only console error I'm getting is one that I can't understand: </p>
  
  <pre><code>GET https://use.typekit.net/c/7019ef/1w;aktiv-grotesk-std,2,gd9:W:n3,gdC:W:n4/l…1128a5fe934af4ba55e6671197dcad3444af3a2796420a2ac4ee887f75bbe33a3b6e13af3f 
  </code></pre>
  
  <p>Is that what is causing my issue?</p>