django static file not loading

Question

I have a problem. I did everything as described in this Django tutorial (EDIT: dead link, here's a working link), and everything is running fine, but CSS and images are not showing up/being applied. How do I get the CSS and images to show up properly? Thanks for any help.

My CSS style file:

li a {
    color: red;
}
body {
    background: white url("images/background.gif") no-repeat right bottom;
}

urls.py

from django.conf import settings
from django.conf.urls.static import static
from django.conf.urls import patterns,url
from polls import views
urlpatterns = patterns('',
    url(r'^$', views.IndexView.as_view(), name='index'),
    url(r'^(?P<pk>\d+)/$', views.DetailView.as_view(), name='detail'),
    url(r'^(?P<pk>\d+)/results/$', views.ResultsView.as_view(), name='results'),
    url(r'^(?P<poll_id>\d+)/vote/$', views.vote, name='vote'), 
) + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

index.html

{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static '/polls/style.css' %}"/>
{% if latest_poll_list %}
<ul>
{% for poll in latest_poll_list %}
    <li><a href="{% url 'polls:detail' poll.id %}">{{ poll.question }}</a></li>
{% endfor %}
</ul>
{% else %}
<p>No polls are available.</p>
{% endif %}

settings.py

MEDIA_ROOT = ''
MEDIA_URL = ''
STATIC_ROOT = ''
STATIC_URL = '/static/'
STATICFILES_DIRS = (
    '/polls/static/'
    )
STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
)

TEMPLATE_LOADERS = (
    'django.template.loaders.filesystem.Loader',
    'django.template.loaders.app_directories.Loader',
)

MIDDLEWARE_CLASSES = (
    'django.middleware.common.CommonMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
)

ROOT_URLCONF = 'mysite.urls'

WSGI_APPLICATION = 'mysite.wsgi.application'

TEMPLATE_DIRS = (
    'C:/django poll project/mysite/templates',
    )

INSTALLED_APPS = (
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.admin',
    'polls',
)

On runserver command, getting:

[18/Sep/2014 17:40:51] "GET /polls/ HTTP/1.1" 200 311
[18/Sep/2014 18:25:39] "GET /polls/ HTTP/1.1" 200 311

Implement this code inside your project: Visit this link: <stackoverflow.com/questions/66132733/…> — Bhautik Jivani
– Bhautik Jivani, Commented Feb 10, 2021 at 7:52

Mujeeb Ishaque · Accepted Answer · 2019-05-02 21:11:28Z

17

Updated Answer For Django 2.2 - 2019

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

BASE_DIR is already defined in settings.py

Also when loading, do {% load static %} instead of {% load staticfiles %}

answered May 2, 2019 at 21:11

Mujeeb Ishaque

2,83031 silver badges19 bronze badges

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

2 Comments

Mujeeb Ishaque Over a year ago

NOTICE: it's a tuple. Don't forget the comma at the end.

Mujeeb Ishaque Over a year ago

NOTICE: It can also be a list. like ``` STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] ```

Lee · Accepted Answer · 2014-09-18 14:11:19Z

13

The URL to the static-Files is "yourDomain/static/"

When you want to access to your "style.css" you should use "/static/style.css" instead of "/polls/style.css"

EDIT:

Change this part of your settings.py

STATICFILES_DIRS = (
    '/polls/static/'
    )

to

STATICFILES_DIRS = (
    'C:/django poll project/mysite/static'
    )

better would be:

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

Then the folder is called "static" and is on the same level where the "manage.py" is. When you put your style.css in this "static"-folder you can call it with "/static/style.css"

edited Sep 18, 2014 at 14:11

answered Sep 18, 2014 at 13:25

Lee

8697 silver badges33 bronze badges

2 Comments

SSR.P.S.das Over a year ago

Doesn't reflect any changes

Lalarukh khan Over a year ago

Worked for me like this: STATICFILES_DIRS = ('/projectpath/static',).

Md Rakibul Islam · Accepted Answer · 2022-05-30 09:46:55Z

5

for Django version 4 2022

if anyone's static file is not working,make sure your static folder is in the right location

shortcut: Keep your static folder in the same directory where your database is located.

-->ProjectName
  -->app1
  -->app2
  -->db.sqlite3
  -->static

and make sure you have added this lines in settings.py

STATIC_URL = 'static/'
STATICFILES_DIRS = (
BASE_DIR/'static',
)

edited May 30, 2022 at 9:46

answered May 30, 2022 at 9:32

Md Rakibul Islam

1352 silver badges5 bronze badges

1 Comment

Lawrence DeSouza Over a year ago

I am getting "The STATICFILES_DIRS setting should not contain the STATIC_ROOT setting." error message. It just doesn't want to pull the static files, always gives "not found" error for all my static files.

ali_200465 · Accepted Answer · 2018-01-02 13:04:37Z

2

It worked for me :

PROJECT_ROOT = os.path.normpath(os.path.dirname(__file__))
STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, '..', 'static'),
)

answered Jan 2, 2018 at 13:04

ali_200465

211 bronze badge

Comments

DarkCygnus · Accepted Answer · 2022-09-22 20:22:19Z

2

Following the documentation: https://docs.djangoproject.com/en/3.2/howto/static-files/

And restarting the server worked for me

edited Sep 22, 2022 at 20:22

DarkCygnus

7,8884 gold badges39 silver badges63 bronze badges

answered Oct 21, 2021 at 17:19

Lorenzo Lerate

3,9303 gold badges28 silver badges25 bronze badges

Comments

Javad · Accepted Answer · 2022-11-29 10:24:22Z

Remove django.contrib.staticfiles from INSTALLED_APPS.
Set STATIC_ROOT to the drive folder with the static files.
Set STATIC_URL to the browser folder/prefix that will point at the files.

The problem is STATIC_ROOT and STATICFILES_DIRS cannot be in the same folder and try to act differently...

STATICFILES_DIRS

exists because different installable apps have different static resources.
Through django magic, in development these files are served from each app.
This allows editing assets and re-running the server without worrying about the STATIC_ROOT cache.
Also requires a collector that assembles static files into STATIC_ROOT.

STATIC_ROOT

The place the files are served from in production.
A simple browser path to folder mapping.
Not recommended for production because usually NGINX or AppEngine handles this.
Works because you are skipping the collector and telling Django to look here always.
Will not work if an app has its own assets, you will need to use STATIC_DIRS.

Javad · Accepted Answer · 2022-12-07 01:39:32Z

2

If problem bad variable {{STATIC_URL}} in template files, add

'django.template.context_processors.static'

to this part of settings.py module:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': TEMPLATE_DIRS,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.template.context_processors.static',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

edited Dec 7, 2022 at 1:39

Javad

2,1333 gold badges16 silver badges25 bronze badges

answered Jan 9, 2021 at 1:46

iqmaker

2,27227 silver badges25 bronze badges

Comments

Shamsher Singh · Accepted Answer · 2020-09-01 03:53:20Z

1

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

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

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'images')

edited Sep 1, 2020 at 3:53

Shamsher Singh

71 silver badge3 bronze badges

answered Mar 18, 2020 at 20:54

Moses Asiago

891 silver badge11 bronze badges

Comments

Pradeep Sapkota · Accepted Answer · 2020-12-18 09:59:29Z

0

Currently works on Django Version 3.x

{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <title>Website</title>
        <link rel="stylesheet" href="{% static 'css/style.css' %}">
    </head>
    <body>
        <h1>Hello user!</h1>
        <p>something you want</p>
    </body>
</html>

To work above Implementation Following code must be added in project setting file.

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

Here static is a directory in project root.

edited Dec 18, 2020 at 9:59

Pradeep Sapkota

2,0921 gold badge19 silver badges32 bronze badges

answered Aug 28, 2020 at 10:49

Shamsher Singh

71 silver badge3 bronze badges

2 Comments

Donald.McLean Dec 10, 2024 at 21:23

When I tried this, it actually broke the server.

Donald.McLean Dec 17, 2024 at 16:07

My problem turned out to be an incompatible version of White Noise, which is a library intended to do a better job of serving static files. For Django 3.2.25, White Noise 5.1 worked and 6.7 didn't.

Surya · Accepted Answer · 2023-04-07 13:44:11Z

0

For the newer version of Django use the following command. It solved my issues.

STATIC_URL = 'static/'

STATICFILES_DIRS = [ BASE_DIR / "static", '/var/www/static/', ]

{% load static %}

I followed this documentation (https://docs.djangoproject.com/en/4.1/howto/static-files/)

edited Apr 7, 2023 at 13:44

answered Apr 7, 2023 at 13:43

Surya

11 bronze badge

Comments

user3393813 · Accepted Answer · 2024-09-08 22:10:58Z

0

All I did was put a trailing slash behind "myapp/static/" and it worked! OMG!

answered Sep 8, 2024 at 22:10

user3393813

212 bronze badges

Comments

javadshabani · Accepted Answer · 2025-05-12 10:16:33Z

0

you should install package that its name is whitenoise and add "whitenoise.middleware.WhiteNoiseMiddleware",

and you should add bellow to setting

STATIC_ROOT = BASE_DIR / 'productionfiles'
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    BASE_DIR / 'staticfiles'
]
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
LOGIN_REDIRECT_URL = '/'
LOGOUT_REDIRECT_URL = '/login/'

answered May 12 at 10:16

javadshabani

1

Comments

mike 2005 · Accepted Answer · 2022-04-21 06:17:26Z

-1

When you run 'python manage.py runserver' add any post number like 2000 or whatever it will look like 'python manage.py runserver 2000' it will solve the problem

answered Apr 21, 2022 at 6:17

mike 2005

1

2 Comments

Sunderam Dubey Over a year ago

Well, it is used for changing port only, and we can also change IP, this is not an answer, with high respect I am saying to you :).

Hammad Over a year ago

totally irrelevant answer to the question asked

Collectives™ on Stack Overflow

django static file not loading

13 Answers 13

Updated Answer For Django 2.2 - 2019

2 Comments

2 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

2 Comments

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

13 Answers 13

Updated Answer For Django 2.2 - 2019

2 Comments

2 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

2 Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related