Django, Javascript: передача данных отключает функции внутри приложения

Я знаю, что многие люди задавали похожий вопрос, но ни один из них не помог мне с моей проблемой!? Внутри моего представления я передаю имя активного пользователя...

views.py

def index(request):
    user = User.objects.get(username=request.user)
    user_name = f"{user.first_name} {user.last_name}"
    json_data = json.dumps(user_name)

    return render(request, 'index.html', {"user_name": json_data})

script.js

let user_name = {{user_name|safe}};

Но когда я пытаюсь прикрепить данные к моей переменной внутри javascript, я получаю следующую ошибку и все мои другие функции внутри js перестают работать!

SyntaxError: Unexpected token '{'

Может кто-то знает, что я делаю неправильно?

Спасибо за помощь и удачного дня!

Хорошо... не знаю, является ли это лучшим решением моей проблемы, но, по крайней мере, теперь все работает как надо! Я передаю данные в мой index.html, чтобы иметь к ним доступ в дальнейшем внутри моего script.js!

index.html

<script>
    let username = {{ user_name|safe }};
</script>
<script type="text/javascript" src="{% static '...' %}"></script>
Вернуться на верх