title: My react project not working after deploy to firebase hosting
body: <p>I'm following the instruction of this site and I'm already trying with an empty create-react-app project and It's working fine</p>
  
  <p>But when I'm trying with my existing project after deploy process was done It said</p>
  
  <p>Firebase Hosting Setup Complete
  You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!</p>
  
  <p>So I'm pretty curious what I missing</p>
  
  <p>here's package.json</p>
  
  <pre><code>{
    "name": "iplace",
    "version": "0.1.0",
    "private": false,
    "dependencies": {
      "node-sass": "^4.10.0",
      "react": "^16.6.3",
      "react-dom": "^16.6.3",
      "react-router": "^4.3.1",
      "react-router-dom": "^4.3.1",
      "react-scripts": "2.1.1"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
      "extends": "react-app"
    },
    "browserslist": [
      "&gt;0.2%",
      "not dead",
      "not ie &lt;= 11",
      "not op_mini all"
    ]
  }
  </code></pre>
  
  <p>firebase.json</p>
  
  <pre><code>{
    "hosting": {
      "public": "build",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ],
      "rewrites": [
        {
          "source": "**",
          "destination": "/index.html"
        }
      ]
    }
  }
  </code></pre>
  
  <p>I already execute firebase init (change public-> build) > npm run build > firebase deploy</p>
  
  <p>Here's project structure</p>
  
  <p><a href="https://i.stack.imgur.com/SiLKK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SiLKK.png" alt="Here&#39;s project structure"></a></p>
  
  <p>And here's index.html file (I'm pretty wonder why index.html still have welcome to firebase wording...)</p>
  
  <pre><code>&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;&lt;title&gt;Welcome to Firebase Hosting&lt;/title&gt;&lt;script defer="defer" src="/__/firebase/5.7.0/firebase-app.js"&gt;&lt;/script&gt;&lt;script defer="defer" src="/__/firebase/5.7.0/firebase-auth.js"&gt;&lt;/script&gt;&lt;script defer="defer" src="/__/firebase/5.7.0/firebase-database.js"&gt;&lt;/script&gt;&lt;script defer="defer" src="/__/firebase/5.7.0/firebase-messaging.js"&gt;&lt;/script&gt;&lt;script defer="defer" src="/__/firebase/5.7.0/firebase-storage.js"&gt;&lt;/script&gt;&lt;script defer="defer" src="/__/firebase/init.js"&gt;&lt;/script&gt;&lt;style media="screen"&gt;body{background:#eceff1;color:rgba(0,0,0,.87);font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}#message{background:#fff;max-width:360px;margin:100px auto 16px;padding:32px 24px;border-radius:3px}#message h2{color:#ffa100;font-weight:700;font-size:16px;margin:0 0 8px}#message h1{font-size:22px;font-weight:300;color:rgba(0,0,0,.6);margin:0 0 16px}#message p{line-height:140%;margin:16px 0 24px;font-size:14px}#message a{display:block;text-align:center;background:#039be5;text-transform:uppercase;text-decoration:none;color:#fff;padding:16px;border-radius:4px}#message,#message a{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}#load{color:rgba(0,0,0,.4);text-align:center;font-size:13px}@media (max-width:600px){#message,body{margin-top:0;background:#fff;box-shadow:none}body{border-top:16px solid #ffa100}}&lt;/style&gt;&lt;link href="/static/css/main.6f735e8f.chunk.css" rel="stylesheet"&gt;&lt;/head&gt;&lt;body&gt;&lt;div id="message"&gt;&lt;h2&gt;Welcome&lt;/h2&gt;&lt;h1&gt;Firebase Hosting Setup Complete&lt;/h1&gt;&lt;p&gt;You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!&lt;/p&gt;&lt;a target="_blank" href="https://firebase.google.com/docs/hosting/"&gt;Open Hosting Documentation&lt;/a&gt;&lt;/div&gt;&lt;p id="load"&gt;Firebase SDK Loading&amp;hellip;&lt;/p&gt;&lt;script&gt;document.addEventListener('DOMContentLoaded', function() {
          // // 
          // // The Firebase SDK is initialized and available here!
          //
          // firebase.auth().onAuthStateChanged(user =&gt; { });
          // firebase.database().ref('/path/to/ref').on('value', snapshot =&gt; { });
          // firebase.messaging().requestPermission().then(() =&gt; { });
          // firebase.storage().ref('/path/to/ref').getDownloadURL().then(() =&gt; { });
          //
          // // 
  
          try {
            let app = firebase.app();
            let features = ['auth', 'database', 'messaging', 'storage'].filter(feature =&gt; typeof app[feature] === 'function');
            document.getElementById('load').innerHTML = `Firebase SDK loaded with ${features.join(', ')}`;
          } catch (e) {
            console.error(e);
            document.getElementById('load').innerHTML = 'Error loading the Firebase SDK, check the console.';
          }
        });&lt;/script&gt;&lt;script&gt;!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f&lt;n.length;f++)t=n[f],p[t]&amp;&amp;i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&amp;&amp;(l[r]=o[r]);for(s&amp;&amp;s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r&lt;c.length;r++){for(var t=c[r],n=!0,o=1;o&lt;t.length;o++){var u=t[o];0!==p[u]&amp;&amp;(n=!1)}n&amp;&amp;(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={2:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&amp;&amp;Symbol.toStringTag&amp;&amp;Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(r,e){if(1&amp;e&amp;&amp;(r=f(r)),8&amp;e)return r;if(4&amp;e&amp;&amp;"object"==typeof r&amp;&amp;r&amp;&amp;r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&amp;e&amp;&amp;"string"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&amp;&amp;e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o&lt;r.length;o++)e(r[o]);var s=n;a()}([])&lt;/script&gt;&lt;script src="/static/js/1.734eb6b0.chunk.js"&gt;&lt;/script&gt;&lt;script src="/static/js/main.14da6ff9.chunk.js"&gt;&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;
  </code></pre>