Firebase hosting showing welcome page after deploying angular 6 app?

Issue

I want to develop the angular 6 apps, but after deploying firebase showing only welcome page.

Here are the steps I have taken to deploy.

1. installed firebase-tools
2. ng build –prod (in my app)
3. firebase init
4. Are you ready to proceed? (Y/n) y
5. (*) Hosting: Configure and deploy Firebase Hosting sites
6. What do you want to use as your public directory? (public) dist
7. Configure as a single-page app (rewrite all urls to /index.html)? (y/N) y
8. File dist/index.html already exists. Overwrite? (y/N) y
9. Firebase initialization complete!
10. In this step, I have deleted dist folder and run ng build --prod again
11. angular build app in a subfolder inside dist directory hence I copied all the content from the subdirectory which contains index.html to dist/.
12. firebase deploy
13. firebase open hosting:site

but after doing all that I am still getting welcome page in the link.

What am I doing wrong!?

Solution

Try:
8. File dist/index.html already exists. Overwrite? (y/N) N
and open link to your app in incognito mode. Seriously, I stuck for hours because this firebase index got cached in my case, so this was the reason why I could’t see my app after deploy.

Answered By – Łukasz Dębiec

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0