He creado una especie de administrador de dependencia de etiquetas para agregar etiquetas de script en el orden correcto. El mango cuando se ha cargado:
script = document.createElement('script'); ... document.body.appendChild(script); script.addEventListener('load', (event) => ...)Dentro del controlador de escucha de eventos agregados, agregará las siguientes etiquetas de secuencia de comandos que se han cumplido las dependencias (por ejemplo, la etiqueta de secuencia de comandos de carrusel elegante depende de la etiqueta de secuencia de comandos jquery)
Mirando el DOM, puedo ver que las secuencias de comandos se han agregado en el orden correcto:
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous"></script>Sin embargo, de vez en cuando recibo errores en slick.min.js quejándome de que $ (jquery) no está declarado a pesar de que el orden de las etiquetas del script siempre es correcto. Pero si realizo algunas actualizaciones, estará bien, luego de algunas actualizaciones más tendré el mismo problema. ¿Se activa la 'carga' cuando el script se ha analizado por completo?