Estoy usando un solo archivo custom.js en el pie de página para todas las páginas de mis sitios web.
En este custom.js está el código que inicializa el control deslizante SwiperJS que se encuentra en la página de inicio.
var swiper = new Swiper(".slider-1", { loop: true, });Ahora, cargo la biblioteca SwiperJS solo en la página de inicio, ya que solo se requiere allí. Pero esto da como resultado el siguiente error en el resto de las páginas que no tienen el script adjunto.
Uncaught ReferenceError: Swiper is not definedLo mismo ocurre con la biblioteca GLightbox ya que la cargo solo en la página de la galería pero su código de inicialización está en el archivo custom.js .
¿Cómo verifico si la biblioteca existe antes de ejecutar el código de inicialización?
if (typeof Swiper !== 'undefined') { /* DO STUFF */ }Puedes usar Try-Catch
try { let swiper = new Swiper(".slider-1", { loop: true, }); } catch (e) { /* console.log("no swiper") */ }O
const slider = document.querySelector(".slider-1"); if (slider) { let swiper = new Swiper(".slider-1", { loop: true, }); }