Как сделать что бы Swiper с одинаковыми классами работали от одного скрипта?

Есть много свайперов на 1 странице с одинаковыми классами, как сделать что бы они все работали? выдает ошибку swiper.esm.bundle.js:7539 Uncaught TypeError: Cannot read properties of null (reading '$el')

import Swiper from "swiper";
document.addEventListener("DOMContentLoaded", () => {

  const swiper2 = new Swiper(".mySwiper3", {
    loop: true,
    spaceBetween: 30,
    slidesPerView: 4,
    freeMode: true,
    watchSlidesProgress: true,
    observer: true,
    observeParents: true,
  });

  const swiper1 = new Swiper(".mySwiper2", {
    loop: true,
    spaceBetween: 10,
    observer: true,
    observeParents: true,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    thumbs: {
      swiper: swiper2,
    },
  });
});


Ответы (0 шт):