Почему не работают стрелки слайдера?

Question

[Артем Рассадин]

По какой-то причине слайдер не реагирует на нажатие кнопок. Как это исправить?
https://codesandbox.io/s/confident-glitter-rp0fx7?...

Comments

[Ankhena]

new Swiper(".mySwiper",
и где же блок mySwiper?

[Артем Рассадин]

Ankhena, почему-то sandbox не обновляет мои изменения в коде. Если не сложно, поменяйте на swiper. Тогда слайдер начнет крутиться, но стрелки не будут работать

[Ankhena]

Артем Рассадин, видимо, не хватает модулей для навигации.

import Swiper from "swiper";
import { Navigation } from 'swiper';

new Swiper(".swiper", {
  slidesPerView: 1,
  modules: [ Navigation ],
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev"
  },
   // If we need pagination
   pagination: {
    el: '.swiper-pagination',
  },
});

Answer 1

[0xD34F]

Потому что не подключен модуль навигации.

Надо его импортировать: import { Navigation } from 'swiper';.
И указать в настройках при инициализации: modules: [ Navigation ],.

Comments

[Артем Рассадин]

Спасибо огромнейшее!!! Думал, что это только для реакта надо делать. Несколько часов потратил вникуда. Спасибо еще раз)