Tengo un error al cargar una biblioteca de flipbook, dice Cannot set properties of null (setting 'innerHTML') y la línea que está generando este error:
const loadingMessageElement = document.getElementById('loading-message');
loadingMessageElement.innerHTML = 'Preparing document...';
Entonces, creo que esto se debe a que el archivo se carga antes de que el DOM esté listo, entonces, ¿cómo puedo cargar el archivo cuando el DOM está listo?
Para aclarar un poco, esta biblioteca no está en node_modules, está en mi carpeta de activos y la llamo en mi angular.json en la sección de scripts, ya intento importar y declarar la biblioteca en mi archivo ts pero siempre me sale el error Cannot find module 'flipbook' or its corresponding type declarations.
Hago que funcione con esta función en mi archivo TS:
ngOnInit(): void { this.loadScripts(); } // Method to dynamically load JavaScript loadScripts() { // This array contains all the files/CDNs const dynamicScripts = [ 'assets/flipbook/flipbook.js' ]; for (let i = 0; i < dynamicScripts.length; i++) { const node = document.createElement('script'); node.src = dynamicScripts[i]; node.type = 'text/javascript'; node.async = false; document.getElementsByTagName('body')[0].appendChild(node); } }