Deploying on firebase gives welcome screen
See original GitHub issueI got this message after deploying app on firebase .
I want to host my app on firebase.
I followed these steps.
- npm run build and it created build folder
- firebase init , select hosting ,
- What do you want to use as your public directory? build
- Configure as a single-page app (rewrite all urls to /index.html)? Yes
- File build/index.html already exists. Overwrite? No
- and then finally firebase deploy after sometime I see files uploaded successfully and in firebase hosting dashboard it shows files uploaded something like 727 . but app looks something like a welcome message “Welcome Firebase Hosting Setup Complete . You’re seeing this because you’ve successfully setup Firebase Hosting. Now it’s time to go build something extraordinary!”
however, if I create a react app using create-react-app , and follow same steps , its working fine at same url and host. it display app at once without a problem.
my firebase.json
{
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
Issue Analytics
- State:
- Created 5 years ago
- Reactions:48
- Comments:82
Top Results From Across the Web
Firebase deploy displays Welcome Screen with no App Content
I cloned a quickstart angular application. I run firebase init and firebase deploy , and output shows ...
Read more >Steps To Fix Firebase Hosting Shows Welcome Screen ...
The reason behind the welcome screen, is because the index.html has modified itself when you selected "Y" while initializing the Firebase. It ...
Read more >Get started with Firebase Hosting - Google
Get started with Firebase Hosting · Step 1: Install the Firebase CLI · Step 2: Initialize your project · Step 3: Deploy to...
Read more >Steps To Fix Welcome Screen After Deploying Angular App To ...
Get updates: https://bit.ly/3xkOBPAIn this session, I will show you the steps to publish an Angular application to Firebase Hosting and ...
Read more >Firebase hosting displays welcome page but not my html ...
Make sure when you're deploying, it's reading out of the right directory. You configure that directory using these instructions from their ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
My solution is just waiting a bit. Then, if it still not working. let try:
Solution 1: check your index.html inside “build” folder and index.html in your own project. They should be the same, if not, copy code index.html outside “build” folder and paste into index.html inside “build” folder.
solution 2 : delete your .firebase folder. and init it again. => firebase init ? What do you want to use as your public directory? build < == NOTE: “build” is my directory ? Configure as a single-page app (rewrite all urls to /index.html)? No <== select NO ? File build/404.html already exists. Overwrite? No <== select NO ? File build/index.html already exists. Overwrite? No <== select NO
After doing these things, I also get that notification of “Welcome Firebase Setting Host Complete” , and I just wait for a while. then reload the website.
HI,
I fixed mine by overwriting the index.html again.
check your index.html inside build folder. It must be the same the one outside the build folder.
Hope it works.![pwaa](https://user-images.githubusercontent.com/12002276/56648592-345b7200-66b6-11e9-9fa5-c6b3036d572d.PNG)