Почему SwiperSlide в столбик?

Question

[Uzi82]

Почему-то все элементы слайдера отображаются в столбик, хотя слайдер листается вправо-влево.

<Swiper slidesPerView={2}>
                <SwiperSlide key={1}>
                    123
                </SwiperSlide>
                <SwiperSlide key={2}>
                    1233
                </SwiperSlide>
                <SwiperSlide key={3}>
                    1234
                </SwiperSlide>
                <SwiperSlide key={4}>
                    1235
                </SwiperSlide>
                <SwiperSlide key={5}>
                    1237
                </SwiperSlide>
                <SwiperSlide key={6}>
                    1238
                </SwiperSlide>
                <SwiperSlide key={7}>
                    123
                </SwiperSlide>
            </Swiper>

Comments

[Михаил Р.]

Почему-то все элементы слайдера отображаются в столбик

А css какой?

[Uzi82]

Михаил Р., это библиотека готовых слайдеров, тут нет css

[Михаил Р.]

Uzi82,

это библиотека готовых слайдеров, тут нет css

Серьезное заявление...

Почему-то все элементы слайдера отображаются в столбик

Очевидно, что Вы не правильно подключили слайдер. Откуда Вы взяли код этого слайдера (ссылка на страницу)?

[Uzi82]

Михаил Р., Официальная документация Swiper JS https://swiperjs.com/react#usage

[Михаил Р.]

Uzi82, попробуйте более подробный вариант кода слайдера от сюда https://codesandbox.io/s/66c8pc?file=/src/App.jsx , что получилось? Если результат прежний, не или не такой, как в песочнице, то выкладывайте здесь полный код своей страницы, на которой выводится слайдер.

[Uzi82]

Михаил Р., Module not found: Error: Can't resolve './styles.css' in 'D:\Code\Allitta\frontend\src\pages\Home\UI'
Нужно установить модуль, но я не нашёл, как его установить

[Uzi82]

Михаил Р., Вроде разобрался, помогло. Спасибо!

[Михаил Р.]

Uzi82, значит, ранее что то не подключили. ответил ответом

Answer 1

[Михаил Р.]

Попробуйте более подробный вариант кода слайдера от сюда https://codesandbox.io/s/66c8pc?file=/src/App.jsx , что получилось? Если результат прежний, не или не такой, как в песочнице, то выкладывайте здесь полный код своей страницы, на которой выводится слайдер.