Firebase hosting showing welcome page after deploying angular 6 app?

Question

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!?

Answer 1

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.

Answer 2

Browser cache was my issue as well. As mentioned above, try in incognito or use proxysite.com (very useful website) to avoid browser cache