Использовать JS скрипт в Django html?

При использовании моего js скрипта в html, я получаю ошибку: файл не найден, хотя файл находится в директории. Помогите разобраться. Спасибо!

У меня следующая структура проекта:

---- app
-------- urls.py
-------- settings.py
-------- wsgi.py
---- health_app
-------- urls.py
-------- templates
------------- scripts
------------------ myscript.js
------------- index.html

Я могу использовать myscript.js в моем приложении health_app.

index.html

<script type="text/javascript" src="templates/scripts/myscript.js"></script>

Ошибка консоли: 

Not Found: /health_app/templates/scripts/myscript.js
[18/Oct/2022 07:34:52] "GET /health_app/templates/scripts/myscript.js HTTP/1.1" 404 2303

вы должны добавить статический файл в настройках django:

STATIC_URL = '/static/'

#Location of static files
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'), ]

и в html-файле, в верхней части файла

{% load static %}

после этого, когда вы захотите загрузить JS файл, ваш скрипт должен находиться в папке static

<script src="{% static 'path_to_the_script' %}"></script>

и я предлагаю вам прочитать больше о статическом файле Django

Вернуться на верх