Невозможно установить $(element).innerText после включения in-browser babel в проект django

В тот момент, когда я включил babel, следующий фрагмент перестал работать как раньше. Возможно, это связано с отсутствием связки модулей. Мне нужен react только для одного компонента пользовательского интерфейса.
index.js

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('#' + VIEWS.profile).innerText = 'profile'
})

index.html

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel" src="{% static 'network/index.js' %}"></script>

Запрос querySelector возвращает целевой элемент при проверке в консоли в том же контексте выполнения. Babel сообщает, You are using the in-browser Babel transformer. Be sure to precompile your scripts for production Более того, babel затрудняет отладку js в браузере. Есть ли какой-нибудь способ обойти это?

РЕДАКТИРОВАНИЕ 1: переместил содержимое index.js в теги script
Problem persists, no change noticed.

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