can't load css file with django

Question

{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/main.css' %}" type="text/css" />

STATIC_ROOT = ''

STATIC_URL = '/static/'

STATICFILES_DIRS = (
)

Above are my settings and html settings. Although I can get /static/css/main.css in my HTML file, but I can't load 127.0.0.1/static/css/main.css. What can I do to fix this?

No, I can get "static/css/main.css" in my HTML file, but if I load the address directly from the browser, it simply doesn't work... — paul marcus
– paul marcus, Commented Jul 29, 2013 at 4:43
Did you forget the port? 127.0.0.1:8000/static/css/main.css — Henrik Andersson
– Henrik Andersson, Commented Jul 29, 2013 at 5:14

shalakhin · Accepted Answer · 2013-07-29 07:42:40Z

3

To load static successfully you should consider:

STATICFILES_DIRS should contain list of folders to your static
STATIC_ROOT shouldn't be empty. Set it i.e. collected_static.
In case you launch your django site in DEBUG=True django will use static directly from STATICFILES_DIRS and in case you launched django site in DEBUG=False you should make python manage.py collectstatic

answered Jul 29, 2013 at 7:42

shalakhin

4,9365 gold badges28 silver badges30 bronze badges

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

Comments

negi · Accepted Answer · 2017-06-18 12:35:06Z

0

Add line in settings.py

STATIC_URL = '/static/'


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

run command:- python manage.py collectstatic

static folder generated

FOR LOAD CSS FILES

{% load staticfiles %}
    <link rel="stylesheet" type="text/css" href="{% static 'media/style.css' %}"/>

answered Jun 18, 2017 at 12:35

negi

4287 silver badges13 bronze badges

1 Comment

thewaywewere Over a year ago

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value. Please read this how-to-answer for providing quality answer.

Dimitri.E · Accepted Answer · 2019-01-04 15:20:28Z

0

ON your STATICFILES_DIR = ( )

change it to a list:

STATICFILES_DIR = [
# place STATIC_DIR in here ending in a ,
]

answered Jan 4, 2019 at 15:20

Dimitri.E

13 bronze badges

Collectives™ on Stack Overflow

can't load css file with django

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related