firebase deploy showing blank index file with no app displayed
<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>