Django include static CSS JS files - path included but not read

Question

My project base directory is, then app and static dirs as below. I am trying to load CSS and JS. These does get rendered in the html but when I try to open the js css files directly in the browser for verification to see if the page is really addressed, it gives a page not found an error. What is missing here? How do I do this?

/data/projectname/ #BASE_DIR
/data/projectname/app/
/data/projectname/app/statics/
/data/projectname/app/statics/js/

Settings

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, '/app/statics/'),
)

View

<script type="text/javascript" src="/app/statics/js/css-doodle.min.js"></script>
    {% load static %}
<script type="text/javascript" href="{% static 'js/css-doodle.min.js' %}"></script>

HTML rendered, tried both ways

<script type="text/javascript" src="/app/statics/js/css-doodle.min.js"></script>

renders home page instead of showing the actual js

<script type="text/javascript" href="/static/js/css-doodle.min.js"></script>

404 page not found, it should show raw js file if it is truly properly included/addressed.debug output doesnt give any details

The path rendered should be in relation to the html file not the actual file system. Not clear what is your directory for html page, but you may remove the leading '/' in src attribute of the script element and try. In other words change /app/.. should to app/.. — Gro
– Gro, Commented Dec 22, 2019 at 2:49
@Gro Correct. that was it! a small thing. Can you put it as an answer, i will mark it. — Majoris
– Majoris, Commented Dec 22, 2019 at 2:56

Gro · Accepted Answer · 2019-12-22 03:00:48Z

1

The path rendered should be in relation to the html file not the actual file system. Not clear what is your directory for html page, but you may remove the leading '/' in src attribute of the script element and try. In other words change /app/.. should to app/..

answered Dec 22, 2019 at 3:00

Gro

1,6931 gold badge14 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Django include static CSS JS files - path included but not read

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related