Ошибка в нескольких объектах Swiper на Webpack

Admin Webpack

Пример подключение swiper на Webpack, который работал в версии 5, но перестал работать в Webpack 6.

Раньше работало такое подключение, которое подключала три блока:

import Swiper from 'swiper';
import {eachSwiperHome} from './common/swiper';

new Swiper('.js-swiper-1', eachSwiperHome);
new Swiper('.js-swiper-2', eachSwiperHome);
new Swiper('.js-swiper-3', eachSwiperHome);

После обновления на 6-ю версию, та же схема работала только в одном экземпляре и только если поменять подключение swiper/bundle:

import Swiper from 'swiper/bundle';
import {eachSwiperHome} from './common/swiper';
new Swiper('.js-swiper-1', eachSwiperHome);

Не стал разбираться, является ли эта проблемой настроек Webpack. Откатил до предыдущий версии, где все работало:

"swiper": "^5.4.5"
Метки:

Кстати, на сайте нет рекламы. У сайта нет цели самоокупаться, но если вам пригодилась информация можете задонатить мне на чашечку кофе в макдаке. Лайкнуть страницу или просто поблагодарить. Карма вам зачтется.

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Ошибка в нескольких объектах Swiper на Webpack"