Blank page on Heroku – mean.js angular app

All we need is an easy explanation of the problem, so here it is.

I’m trying to deploy my mean.js app to heroku.
Somehow the app on heroku is loading a blank page.
It seems like the angular app is not being loaded properly.

Possibly a problem with bower dependencies?

Please take a look at the blank heroku app.

The heroku logs show no errors.
No angular errors either.

I would appreciate any help.

How to solve :

I know you bored from this bug, So we are here to help you! Take a deep breath and look at the explanation of your problem. We have many solutions to this problem, But we recommend you to use the first method because it is tested & true method that will 100% work for you.

Method 1

OK, I feel stupid.

It took me a while to realize that while my mean.js app is running in production mode, none of the client side javascript got loaded.

It turns out I needed to run grunt build (it’s in the mean.js manual).


Method 2

Go into the App settings from Heroku dashboard.

Go to Config Vars

Change Production to Development.

Method 3

Remember, you have to run npm install as well as bower install

Note: Use and implement method 1 because this method fully tested our system.
Thank you 🙂

All methods was sourced from or, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply