Импорт файла JS в Django

Question

Я создал простой файл с именем main.js. В этом файле я определил функцию:

function hello(){
  console.log('hello')
}

Теперь я пытаюсь импортировать файл в шаблон и вызывать функцию оттуда. Вот что я попробовал:

{% load static %}

<script type="text/javascript" charset="{% static 'main.js' %}">
hello()
</script>

Но это дает мне следующую ошибку:

Uncaught ReferenceError: hello is not defined

Почему это происходит? Я не импортирую файл? Здесь находится main. js:

static -> main.js

А вот как мой каталог stati c определен для Django:

STATIC_URL = '/static/'

Моя директория stati c содержит много других файлов, и у меня нет проблем с ними; Может ли кто-нибудь помочь мне найти то, что я делаю не так с этим? Любой совет ценится

Answer 1

Проблема с загрузкой js файла. Используйте атрибут src для загрузки файла js. Ниже приведен обновленный код html.

{% load static %}

<script type="text/javascript" src="{% static 'main.js' %}"></script>
<script>
    hello()
</script>

Надеюсь, это поможет вам:)

Answer 2

Пожалуйста, подтвердите, если у вас есть эта строка в верхней части вашего html файла. {% load static %} Это загрузит файлы c.