Heroku Cannot GET /

Question

I am new to Heroku and believe I am following all of the steps outlined on Heroku\'s website to deploy via node.js – https://devcenter.heroku.com/articles/getting-started-wi

Answer 1

I had the same issue. I finially resolved it.

I had two folders for my code. A server folder with all my backend nodejs file and a client folder for all the front end file. That is the issue from the very beginning.

I git init in the server folder, then git commit and git push. It didn't give me any error in the build but in the heroku logs it shows 404.

After research for 5 hours, I figure Heroku Cannot GET / means it can't access the front end file becuase I only deployed the server folder (Duh!).

I got rid of the server folder and moved all my backend file to the same level with client folder, changed some client file path. redid the git init , git commit, git push. Boom! everything works as expected!

So make sure your server files are in the same level with the client folder and deploy the entire code folder.

Hope this helps!

Answer 2

I had my dist directory included in my .gitignore file so I was not committing dist to my repo and not pushing it to Heroku. Therefore, Heroku could not find any content to serve.

I updated my .gitignore, committed, and pushed, and my app shows up just fine on Heroku now.

Answer 3

I would think you haven't added the files to git. Whatever file you've edited on your local machine, you need to git add xyz.ext, git commit -m "Message", git push heroku master -u (-u will save the 'heroku master' parameters so future additions you will only need to type git push). In short, every time you're asked to deploy the app, you need to git add, git commit, git push. Hope that helps.

Answer 4

I'm a little bit embarrased but my error was running git push heroku master without the changes being commited.

Answer 5

Adding these two lines in server.js worked for me:

var distDir = __dirname + "/dist/"; app.use(express.static(distDir));

My dist structure is as follows:

Answer 6

I dont know why it worked but i changed the location of my angular /dist from [root]client/dist to [root]/dist which is at the same directory level as server.js