En el momento en que incluí babel, el siguiente fragmento dejó de funcionar como antes. Quizás se deba a la ausencia de un paquete de módulos. Necesito reaccionar solo para un componente de la interfaz de usuario.
índice.js
document.addEventListener('DOMContentLoaded', () => { document.querySelector('#' + VIEWS.profile).innerText = 'profile' })índice.html
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> <script type="text/babel" src="{% static 'network/index.js' %}"></script> La consulta querySelector devuelve el elemento de destino cuando se prueba en la consola en el mismo contexto de ejecución. Babel informa You are using the in-browser Babel transformer. Be sure to precompile your scripts for production . Además, babel dificulta la depuración de js en el navegador. ¿Hay alguna forma de evitar esto?
EDIT 1 : movió el contenido de index.js a las etiquetas de script
Problem persists, no change noticed.
EDIT 2 : se identificó la causa del problema
El evento 'DOMContentLoaded' se envía antes de que Babel compile el javascript y lo agregue al DOM. Por el momento estoy creando un evento personalizado. ¿No hay una manera de escuchar algo como 'BabelCompilationComplete'?