Deployed application uses wrong index.html file

[ngEdmundas]

In our app the public directory specified in firebase.json contains several HTML files. The main is called "index.html", the others are "index-full.html" and "facebook-channel.html". After "firebase deploy" the "index-full.html" becomes the default index file and following URLs all load contents of the same file "index-full.html":

• https://name.firebaseapp.com/
• https://name.firebaseapp.com/index.html
• https://name.firebaseapp.com/index-full.html

If "index-full.html" was renamed to "index-full.html-off", then the correct "index.html" is picked up as the default index file.

[cbraynor]

I'm afraid this has to do with the post-processing the provider we're using to prototype this beta does on the files uploaded. We're working on removing this feature soon, or at the very least allowing you to disable it.

Thanks for your patience

[ngEdmundas]

Thanks for response, Firebase hosting is a great service and it was easy to work around these small deployment glitches.

[cbraynor]

This should now be fixed. Thanks for the interest

[azucenareyes]

Hello,
I cannot deploy my web app, well it says deployed but I don't see my app. I just see the standard index.html Welcome page. Do I need to create my own index.html page? I am using create-react-app.
Thank you

[brainygeek09]

@azucenareyes Check your firebase.json file Edit the line "public": "public" to "public": "app", or any other directory where your app content resides. That will help you.

[MrAndrew]

The problem is when firebase is creating the index file, it overwrites the one created by react. So what you have to do is run all the firebase code (minus deploy), then rerun 'npm run build' to get react to recreate the index file you need in the build directory, then change the firebase.json "hosting" block's "public" key to "build". (Specifically for react, as that is the default dir for it.) Finally you can deploy it and all should be right. (Except for how much manual effort that takes.)