Routing issues with CSS and JS in Django site

greenking49 · December 23, 2019, 9:31pm

Can anyone help with connected my CSS and JS to my HTML on a premade template? In a Django site

I keep getting these errors

Not Found: /assets/img/logo.png
Not Found: /assets/img/portfolio/five/1.jpg
[23/Dec/2019 21:24:09] "GET /assets/js/vendor/modernizr-2.8.3.min.js HTTP/1.1" 404 2442
[23/Dec/2019 21:24:09] "GET /assets/img/logo.png HTTP/1.1" 404 2382
Not Found: /style.css
[23/Dec/2019 21:24:09] "GET /assets/img/portfolio/five/1.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:09] "GET /style.css HTTP/1.1" 404 2352
Not Found: /assets/js/jquery.validate.min.js
Not Found: /assets/js/isotope.pkgd.js
Not Found: /assets/js/vendor/jquery-1.12.4.min.js
[23/Dec/2019 21:24:09] "GET /assets/js/jquery.validate.min.js HTTP/1.1" 404 2421
Not Found: /assets/js/main.js
[23/Dec/2019 21:24:10] "GET /assets/js/vendor/jquery-1.12.4.min.js HTTP/1.1" 404 2436
Not Found: /assets/js/plugins.js
[23/Dec/2019 21:24:10] "GET /assets/js/isotope.pkgd.js HTTP/1.1" 404 2400
Not Found: /assets/js/slick.min.js
[23/Dec/2019 21:24:10] "GET /assets/js/main.js HTTP/1.1" 404 2376
[23/Dec/2019 21:24:10] "GET /assets/js/plugins.js HTTP/1.1" 404 2385
Not Found: /assets/js/bootstrap.min.js
[23/Dec/2019 21:24:10] "GET /assets/js/slick.min.js HTTP/1.1" 404 2391
Not Found: /assets/img/portfolio/five/2.jpg
Not Found: /assets/img/portfolio/five/4.jpg
[23/Dec/2019 21:24:10] "GET /assets/js/bootstrap.min.js HTTP/1.1" 404 2403
Not Found: /assets/img/portfolio/five/3.jpg
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/4.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/2.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/3.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/5.jpg
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/5.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/6.jpg
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/6.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/8.jpg
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/8.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/7.jpg
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/7.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/9.jpg
[23/Dec/2019 21:24:10] "GET /assets/img/portfolio/five/9.jpg HTTP/1.1" 404 2418
Not Found: /assets/js/vendor/jquery-1.12.4.min.js
[23/Dec/2019 21:24:10] "GET /assets/js/vendor/jquery-1.12.4.min.js HTTP/1.1" 404 2436
Not Found: /assets/js/bootstrap.min.js
[23/Dec/2019 21:24:10] "GET /assets/js/bootstrap.min.js HTTP/1.1" 404 2403
Not Found: /assets/js/isotope.pkgd.js
[23/Dec/2019 21:24:10] "GET /assets/js/isotope.pkgd.js HTTP/1.1" 404 2400
Not Found: /assets/js/jquery.validate.min.js
[23/Dec/2019 21:24:10] "GET /assets/js/jquery.validate.min.js HTTP/1.1" 404 2421
Not Found: /assets/js/slick.min.js
[23/Dec/2019 21:24:10] "GET /assets/js/slick.min.js HTTP/1.1" 404 2391
Not Found: /assets/js/plugins.js
[23/Dec/2019 21:24:10] "GET /assets/js/plugins.js HTTP/1.1" 404 2385
Not Found: /assets/js/main.js
[23/Dec/2019 21:24:10] "GET /assets/js/main.js HTTP/1.1" 404 2376
[23/Dec/2019 21:24:12] "GET / HTTP/1.1" 200 23844
Not Found: /style.css
[23/Dec/2019 21:24:12] "GET /style.css HTTP/1.1" 404 2352
Not Found: /assets/img/logo.png
Not Found: /assets/img/portfolio/five/1.jpg
Not Found: /assets/js/vendor/modernizr-2.8.3.min.js
[23/Dec/2019 21:24:12] "GET /assets/img/logo.png HTTP/1.1" 404 2382
[23/Dec/2019 21:24:12] "GET /assets/img/portfolio/five/1.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:12] "GET /assets/js/vendor/modernizr-2.8.3.min.js HTTP/1.1" 404 2442
Not Found: /assets/js/bootstrap.min.js
Not Found: /assets/js/isotope.pkgd.js
[23/Dec/2019 21:24:12] "GET /assets/js/bootstrap.min.js HTTP/1.1" 404 2403
Not Found: /assets/js/vendor/jquery-1.12.4.min.js
Not Found: /assets/js/jquery.validate.min.js
[23/Dec/2019 21:24:13] "GET /assets/js/isotope.pkgd.js HTTP/1.1" 404 2400
[23/Dec/2019 21:24:13] "GET /assets/js/jquery.validate.min.js HTTP/1.1" 404 2421
[23/Dec/2019 21:24:13] "GET /assets/js/vendor/jquery-1.12.4.min.js HTTP/1.1" 404 2436
Not Found: /assets/js/slick.min.js
[23/Dec/2019 21:24:13] "GET /assets/js/slick.min.js HTTP/1.1" 404 2391
Not Found: /assets/js/plugins.js
[23/Dec/2019 21:24:13] "GET /assets/js/plugins.js HTTP/1.1" 404 2385
Not Found: /assets/js/main.js
[23/Dec/2019 21:24:13] "GET /assets/js/main.js HTTP/1.1" 404 2376
Not Found: /assets/img/portfolio/five/2.jpg
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/2.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/3.jpg
Not Found: /assets/img/portfolio/five/5.jpg
Not Found: /assets/img/portfolio/five/4.jpg
Not Found: /assets/img/portfolio/five/6.jpg
Not Found: /assets/img/portfolio/five/7.jpg
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/5.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/3.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/6.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/4.jpg HTTP/1.1" 404 2418
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/7.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/8.jpg
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/8.jpg HTTP/1.1" 404 2418
Not Found: /assets/img/portfolio/five/9.jpg
[23/Dec/2019 21:24:13] "GET /assets/img/portfolio/five/9.jpg HTTP/1.1" 404 2418
Not Found: /assets/js/vendor/jquery-1.12.4.min.js
[23/Dec/2019 21:24:13] "GET /assets/js/vendor/jquery-1.12.4.min.js HTTP/1.1" 404 2436
Not Found: /assets/js/bootstrap.min.js
[23/Dec/2019 21:24:13] "GET /assets/js/bootstrap.min.js HTTP/1.1" 404 2403
Not Found: /assets/js/isotope.pkgd.js
[23/Dec/2019 21:24:13] "GET /assets/js/isotope.pkgd.js HTTP/1.1" 404 2400
Not Found: /assets/js/jquery.validate.min.js
[23/Dec/2019 21:24:13] "GET /assets/js/jquery.validate.min.js HTTP/1.1" 404 2421
Not Found: /assets/js/slick.min.js
[23/Dec/2019 21:24:13] "GET /assets/js/slick.min.js HTTP/1.1" 404 2391
Not Found: /assets/js/plugins.js
[23/Dec/2019 21:24:13] "GET /assets/js/plugins.js HTTP/1.1" 404 2385
Not Found: /assets/js/main.js
[23/Dec/2019 21:24:13] "GET /assets/js/main.js HTTP/1.1" 404 2376

wpdev · January 8, 2020, 4:21am

Hey greenking49,

I see that the CSS and JS are not correctly linked to HTML.

Please use this code to properly attach CSS in your HTML file: <link rel="stylesheet" href="{% static 'css/blog.css' %}"> to link CSS files to your HTML document.

Note that {%static and %} are a must at either side while linking.

And to link JS files, replace “stylesheet” with “script” and refer to the appropriate location.

If you are still facing any difficulties, feel free to ask me here.

greenking49 · January 9, 2020, 2:57pm

Thank you @wpdev,

I appreciate your time and thank you for reading and answering my question!!

ilenia · January 16, 2021, 11:29am