Uncaught SyntaxError: неожиданный токен%

Я получаю сообщение об ошибке: «Uncaught SyntaxError: Unexpected token%»

Ниже представлен шаблон component / templates / component / update.html, который определяется как:

{% extends 'base.html' %}

{% block content %} 

{% load static %}
<script src = "{% static 'component/js/component.js' %}"></script>

<h2>Create new component</h2>

{% include 'snippets/form-snippet.html' with form=form %}

{% endblock %}

У меня есть сценарий, сохраненный в component / static / component / js / component.js. Файл найден, так как в console.info я могу прочитать: «ДАЙТЕ МНЕ НЕКОТОРЫЙ ЖУРНАЛ». Однако я получаю сообщение об ошибке: «Uncaught SyntaxError: Unexpected token%». Файл component.js определяется следующим образом:

console.info("GIVE ME SOME LOG")

$(document).ready(function(){
    hideShow()
})

$('#id_component_type').click(function(){
    hideShow()
});

function hideShow(){
  if (document.getElementById('id_component_type').options[document.getElementById('id_component_type').selectedIndex].value == "k_v")
    {
        $('#id_length').parents('p:first').hide();
        $('#id_k_v').parents('p:first').show();
    }else
    {
        $('#id_length').parents('p:first').show();
        $('#id_k_v').parents('p:first').hide();
    }
}