Getting 'Cannot GET /' when trying to connect to localhost:5000 Firebase

Question

I am trying to get my localhost server on Firebase to work but I am continuing to get the following message in the browser 'Cannot GET /'. I took a look in the console and all it says is 'http://localhost:5000/ 404 (Not Found)'.

I have tried re-running the server using 'firebase serve' and that doesn't help. I ran 'firebase init' again and that didn't help either. I re-installed the firebase tools by running 'npm install -g firebase-tools' and then running firebase serve again and still nothing.

Not sure whats going on because it was initially working. I installed some grunt plugins and moved my index.html file under an html folder although I still have an index.html file under the public folder it still says 'Cannot GET /'

I have also tried in different browsers restarting them etc.

I am using a Mac OS X El Capitan.

Let me know if you need any more info. Thanks in advance

Max Terry · Accepted Answer · 2017-01-25 03:39:52Z

7

I had this issue running firebase serve from within the scripts directory in the "Friendly Chat" tutorial. Starting the server from the parent directory got it working again as expected.

answered Jan 25, 2017 at 3:39

Max Terry

711 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Online User Over a year ago

Perfect. Worked for me.

Ujjwal Singh Over a year ago

Close the server (firebase console - Ctrl + C) and see that you are in the project (parent) directory. Then try again

verNsíon1 · Accepted Answer · 2017-04-12 22:11:47Z

2

if this will help someone save time.. a possibility: it could be that the build step did not complete, this was my case, and the build/... directory had no index.html

answered Apr 12, 2017 at 22:11

verNsíon1

537 bronze badges

Comments

Taras Vovkovych · Accepted Answer · 2019-01-08 16:56:41Z

2

I had the same issue when was trying to serve an Angular application with the firebase command. Firstly, you should see the firebase.json file. It should contain the "public" value, like:

{
    "public":"dist/ProjectName"
    ...
}

But the dist folder will be auto created only after you build the Angular project:

ng build --prod

After you can do the:

firebase serve

Hope it will be helpful for beginners.

answered Jan 8, 2019 at 16:56

Taras Vovkovych

4,2622 gold badges18 silver badges23 bronze badges

1 Comment

htafoya Over a year ago

Thank you, i had a typo on the physical folder name, not on the firebase.json file.

sinake · Accepted Answer · 2016-11-01 20:17:33Z

1

Ok so got this working but pretty much had to start from scratch again. I deleted the public folder and just moved my html, css, js, and node-module folders out of my project directory and then re-installed firebase-tools and ran the 'firebase init' command and then restarted the localhost server and everything started working again. After which point I moved back all my previous folders and things are working as before.

Not a 100% sure how the issue happened but at one point I did delete my index.html file and then put it back in later on as I was testing something. At which point I feel the issue started. I will try to test this scenario in a test project but I guess for the time being don't delete your index.html file just modify the existing one. Thanks all.

answered Nov 1, 2016 at 20:17

sinake

1591 gold badge1 silver badge7 bronze badges

3 Comments

Denis Truffaut Over a year ago

Solution tested and approved !

Bren Over a year ago

Did you ever find out more about the issue and I'm not getting the same result. Killed my entire project.

Online User Over a year ago

Restarting the project is not an effective solution.

user7503162 · Accepted Answer · 2017-03-12 23:33:22Z

1

The error message shows up if you run 'firebase serve' within the project folder.

Navigate to the parent folder (up one level) using 'cd ..' and start the server from there.

answered Mar 12, 2017 at 23:33

user7503162

211 silver badge3 bronze badges

1 Comment

Dirk R Over a year ago

Can you elaborate on what you mean by the project folder? Did you mean if you run it in the functions folder? Because running firebase serve in the project folder (i.e. root) is usually the correct method.

Vlad · Accepted Answer · 2020-01-08 20:49:25Z

0

Please check if content of your website is present in folder

  "hosting": {
    "public": "<folder with your website files>",

from your config "firebase.json"

answered Jan 8, 2020 at 20:49

Vlad

3,6371 gold badge34 silver badges27 bronze badges

Comments

iamkirill · Accepted Answer · 2021-02-18 12:03:22Z

0

If you like me, before overthinking the problem, make sure you provided the correct URL to index.html.

In my case, I didn't take into account different structure of my directory. You should provide the path to index.html relative to the root directory of your firebase project. For example, in my case, the correct URL was http://localhost:5000/button-component/public/

edited Feb 18, 2021 at 12:03

answered Feb 15, 2021 at 12:55

iamkirill

3891 gold badge7 silver badges14 bronze badges

Collectives™ on Stack Overflow

Getting 'Cannot GET /' when trying to connect to localhost:5000 Firebase

7 Answers 7

2 Comments

Comments

1 Comment

3 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

2 Comments

Comments

1 Comment

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related