django Cannot find static/css files error 404

Question

This problem seems to be widely known, however, most are old Q&A's and they do not solve my problem.

I am using Django 2.0.2 and when my simple web page is not rendering my bootstrap.css file because it simply cannot find it.

I am following this tutorial: https://simpleisbetterthancomplex.com/series/2017/09/11/a-complete-beginners-guide-to-django-part-2.html#static-files-setup

This is my file structure:

myproject/
 |-- myproject/
 |    |-- boards/
 |    |-- myproject/
 |    |-- templates/
 |    |-- static/
 |    |    +-- css/
 |    |         +-- bootstrap.min.css    <-- here
 |    +-- manage.py

This is my static variables defined in the settings.py file.

STATIC_URL = '/static/'

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

This is my home.html file as is with the bottom half cut out for brevity.

{% load static %}<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Boards</title>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
  </head>
  <body>
    <h1>Boards</h1>

I have debugging set to true, and when I run my server and load it up, I am presented with the following: [08/Feb/2018 19:26:02] "GET /static/css/bootstrap.css HTTP/1.1" 404 1675

I am also not able to visit this URL as it states a 404 error too: http://127.0.0.1:8000/static/css/bootstrap.min.css.

I'm not sure as to why Django cannot find the .css file when I have it clearly stated in the above files. No other StackOverflow questions/answers have helped me either.

Open to suggestions; any help is much appreciated.

Something is not off with your project's structure, why do you have myproject 3 times in the hierarchy? It seems that the tutorial you've mentioned is not giving out good advice related to the naming of your Django project and apps. — bonidjukic
– bonidjukic, Commented Feb 8, 2018 at 12:31

bonidjukic · Accepted Answer · 2018-02-14 22:57:39Z

11

EDIT: It seems that the OP mispelled the STATICFILES_DIRS setting, missing an 'S'.

Within your Django app directory create a subdirectory static and then within that directory, create another one named the same as the name of your Django app. Then move your css directory inside that latest mentioned directory.

So, something like this:

- your_django_app
-- static
--- your_django_app
---- css
----- bootstrap.min.css

Then you'll be able to use in your templates like this:

<link rel="stylesheet" href="{% static 'your_django_app/css/bootstrap.min.css' %}">

edited Feb 14, 2018 at 22:57

answered Feb 8, 2018 at 12:38

bonidjukic

1,4891 gold badge14 silver badges19 bronze badges

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

2 Comments

bonidjukic Over a year ago

I believe that you misspelled the STATICFILES_DIRS setting (you're missing an 'S').

juiceb0xk Over a year ago

This was the problem. I feel so stupid lol. It's all working now!

juiceb0xk · Accepted Answer · 2018-02-12 01:10:25Z

2

As per @bonidjkic's comment: I believe that you misspelled the STATICFILES_DIRS setting (you're missing an 'S'), this was the problem.

Thank you ever so much, I feel so stupid as to how I had ever missed that.

answered Feb 12, 2018 at 1:10

juiceb0xk

9693 gold badges21 silver badges49 bronze badges

1 Comment

bonidjukic Over a year ago

No worries, I'm glad that it worked - if I edit my answer, will you accept that instead?

user13181720 · Accepted Answer · 2020-04-01 09:49:31Z

1

on the setting.py file try using this syntax:

STATICFILES_DIRS = [ os.path.join (BASE_DIR, "static"), '/ Var / www / static /', ]

answered Apr 1, 2020 at 9:49

user13181720

111 bronze badge

Comments

steinarey · Accepted Answer · 2018-02-08 10:25:06Z

0

Do you need the "STATICFILES_DIR" variable in your case? It points to the same place so it's redundant until you run it on something like nginx or Apache I would think, to have them server the static files.

Is django.contrib.staticfiles in you "INSTALLED_APPS" variable in your settings file?

answered Feb 8, 2018 at 10:25

steinarey

3132 silver badges12 bronze badges

1 Comment

juiceb0xk Over a year ago

I'm just following the tutorial is all. I also do have the django.contrib.staticfiles included in the INSTALLED_APPS namespace.

Collectives™ on Stack Overflow

django Cannot find static/css files error 404

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related