Firebase not running index.html file

Question

I\'m a pretty new programmer going through the Firebase tutorial. I have gone through steps 1-5 of the tutorial (https://codelabs.developers.google.com/codelabs/firebase-web

Answer 1

Please follow the step

npm install -g firebase-tools

If you already have a dist folder, remove it from directory

firebase login
ng build --prod
firebase init
firebase deploy

Answer 2

For deploying Angular application to Firebase simple and quick tutorial you can find here.

During the process of firebase init, type N, when the question "File dist/index.html already exists. Overwrite?" appears, and your page will be displayed as it should be.

Answer 3

index.html file has that firebase default information.That's why it is showing that information. Copy and paste index.html from your original angular file and paste it to dist index.html. This fixed my issue.

Answer 4

You should add your files to public directory folder before deploy it into firebase server(your app's index file should be there).

Answer 5

npm install -g firebase-tools
firebase login
firebase init
firebase deploy
firebase open 

Select the following after scrolling down

  Hosting: Deployed Site

Answer 6

Delete the index.html which is present in dist folder.

Then run the following commands:

firebase login

ng build --prod

firebase init

firebase deploy