question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Deploying on firebase gives welcome screen

See original GitHub issue

I got this message after deploying app on firebase . screenshot 2019-01-22 at 2 20 16 pm

I want to host my app on firebase.

I followed these steps.

  1. npm run build and it created build folder
  2. firebase init , select hosting ,
  3. What do you want to use as your public directory? build
  4. Configure as a single-page app (rewrite all urls to /index.html)? Yes
  5. File build/index.html already exists. Overwrite? No
  6. 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:closed
  • Created 5 years ago
  • Reactions:48
  • Comments:82

github_iconTop GitHub Comments

233reactions
thanhlevucommented, Sep 9, 2019

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.

108reactions
joshua1525commented, Apr 24, 2019

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found