Heroku static files not loading, Django

Question

I'm trying to push my Django project to Heroku, but it isn't loading the staticfiles.

I used this to setup the things, everything is fine but I'm not able to fix the issue with static files.

My directory structure is like this

help_the_needy
    help_the_needy
        __init__.py
        settings.py
        urls.py
        views.py
        wsgi.py
    manage.py
    Procfile  
    requirements.txt  
    static
        css
        font-awesome
        fonts  
        img  
        js
    templates
        base.html
        display_list2.html
        index.html

Here is the complete code (all files).

This is my settings.py.

I tried alot of things to fix this, but nothing seems to work.

When I push it does copy static files but it's not loading them.

Can someone please point me to my mistake? Where is it wrong?

did you try to run the command python manage.py collectstatic --dry-run --noinput on the Heroku Django shell? do you get any error? — Riccardo
– Riccardo, Commented Mar 10, 2015 at 10:29
Yes. I got no error. (gyazo.com/30ea49aeb727054f5dd21265a45ae261). — Tapasweni Pathak
– Tapasweni Pathak, Commented Mar 10, 2015 at 10:31
u can try: STATIC_ROOT = 'staticfiles', STATIC_URL = '/static/', STATICFILES_DIRS = (os.path.join(BASE_DIR,'../static'),) TEMPLATE_DIRS = ( os.path.join(BASE_DIR, '../templates'),) — Droid
– Droid, Commented Mar 10, 2015 at 13:36
@TapasweniPathak your root project settings add this code import os and BASE_DIR = os.path.dirname(os.path.dirname(os.path.dirname(file))) — Droid
– Droid, Commented Mar 10, 2015 at 17:47

phanhuy152 · Accepted Answer · 2016-08-02 08:49:01Z

I have been dealing with the same problem too. And here are the 2 things that I changed in my code.

(I'm using Django 1.7)

1) settings.py

I add these lines to the setting files

BASE_DIR = os.path.dirname(os.path.dirname(__file__))
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_STORAGE = 'whitenoise.django.GzipManifestStaticFilesStorage'
TEMPLATE_DIRS = (
    os.path.join(BASE_DIR,  'templates'),
    # Add to this list all the locations containing your static files 
)

STATIC_ROOT: this tells Django where to (a) put the static files when you run python manage.py collectstatic and (b) find the static files when you run the application

TEMPLATE_DIRS: this tells Django where to look for your static files when it search for statics files when you run python manage.py collectstatic

2) wsgi.py

Originally my file was:

import os
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "xxxx.settings")

from django.core.wsgi import get_wsgi_application
application = get_wsgi_application()

And I changed it to:

import os
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "xxxx.settings")

from django.core.wsgi import get_wsgi_application
from whitenoise.django import DjangoWhiteNoise
application = get_wsgi_application()
application = DjangoWhiteNoise(application)

Read here for more information on whitenoise: https://devcenter.heroku.com/articles/django-assets#whitenoise

Also, remember to install whitenoise: pip install whitenoise==2.0.6

Before deploying the project, run: python manage.py collectstatic

This will create a folder indicated by STATIC_ROOT (declared in your settings.py), containing all your static files.

Since it's been a few years since this answer was posted, here's what worked for me in Django 3.2.

raspberry_next · Accepted Answer · 2021-04-14 20:58:27Z

Since it's been a few years since this was posted (and it still pops up when I search for the issue), here's what worked for me in Django 3.2.

pip install whitenoise

Make sure in settings.py you have

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'

# Extra places for collectstatic to find static files.
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

Add whitenoise to your Middleware:

MIDDLEWARE = [
    'whitenoise.middleware.WhiteNoiseMiddleware',
]

Make sure the directory you specified as the STATIC_ROOT (staticfiles) exists in your base directory and is not empty.

After that, I committed the changes and Heroku was able to build the static files and everything worked fine.

Siva Kumar · Accepted Answer · 2021-03-27 10:59:04Z

2

pip install whitenoise

Add whitenoise to requirement.txt.

and also add whitenoise in the middleware of settings.py

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware', #add whitenoise
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

Follow the steps in https://devcenter.heroku.com/articles/django-assets

edited Mar 27, 2021 at 10:59

Siva Kumar

3732 silver badges9 bronze badges

answered Dec 14, 2017 at 10:28

AakashRajni

3821 gold badge3 silver badges15 bronze badges

Comments

Daniel Roseman · Accepted Answer · 2015-03-10 13:27:33Z

0

Your STATICFILES_DIRS setting is wrong. It should be pointing to the actual location of the "static" directory containing the files:

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

answered Mar 10, 2015 at 13:27

Daniel Roseman

602k68 gold badges910 silver badges923 bronze badges

2 Comments

Tapasweni Pathak Over a year ago

I did that before, it was not working. I tried os.path.join(BASE_DIR, '../static') too, it too didn't worked. I tried both the things again, same output.

Tapasweni Pathak Over a year ago

anything else to fix this?

t_io · Accepted Answer · 2015-03-10 10:39:41Z

-1

It looks like django don't know where your static_root is. This folder is autogenerated when you fire manage.py collectstatic Make sure that the folders static and templates are inside your django app. You didn't created a django app to put this folders into. You created a django project the next step is to create a django app with something like this python manage.py startapp polls

# Absolute filesystem path to the Django project directory:
DJANGO_ROOT = dirname(dirname(abspath(__file__)))
# Absolute filesystem path to the top-level project folder:
SITE_ROOT = dirname(DJANGO_ROOT)

STATIC_URL = '/static/'
STATIC_ROOT = normpath(join(SITE_ROOT, 'static_root'))

answered Mar 10, 2015 at 10:39

t_io

2,0321 gold badge21 silver badges27 bronze badges

Comments

Riccardo · Accepted Answer · 2015-03-10 13:30:50Z

-1

Your urls.py file lacks the setting to manage and route requests for static resources.

in order to provide access to static resorces you must add to urlpatterns of urls.py:

urlpatterns += patterns('',
        (r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.STATIC_ROOT}),
    )

answered Mar 10, 2015 at 13:30

Riccardo

1,5302 gold badges12 silver badges22 bronze badges

3 Comments

Daniel Roseman Over a year ago

That is for development only.

Riccardo Over a year ago

@DanielRoseman i know but Heroku requires this configuration, another answer can be found here. stackoverflow.com/questions/9047054/…

Daniel Roseman Over a year ago

No, that linked answer is simply wrong. The correct answer is provided by Heroku's own documentation and the OP is already following it most of the way.

Collectives™ on Stack Overflow

Heroku static files not loading, Django

6 Answers 6

1 Comment

Comments

Comments

2 Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

2 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related