Firebase-tools: Deployed application uses wrong index.html file
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.
ngEdmundas
All 6 comments
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
cbraynor
on 20 Jan 2014
Thanks for response, Firebase hosting is a great service and it was easy to work around these small deployment glitches.
ngEdmundas
on 20 Jan 2014
This should now be fixed. Thanks for the interest
cbraynor
on 5 Feb 2014
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
azucenareyes
on 28 Mar 2018
@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.
bhimbolar
on 27 May 2018
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.)
MrAndrew
on 11 Nov 2018
Related issues
roosi
·
3Comments
francisrod01
·
3Comments
nareshbhatia
·
4Comments
jefrydco
·
3Comments
adam-remotesocial
·
3Comments
Most helpful comment
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.)