공식문서에 보면 get started 에서 css import하는 방식을
// import Swiper and modules styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
위와 같이 작성하면 된다고 적혀있는데
이상하게 위와 같이 import하면 안된다?
이유는 나도 모르겠다...
해결방법은
import "swiper/swiper-bundle.css";
이렇게 import하면 잘된다!!
공식문서
get started
https://swiperjs.com/get-started
css
https://swiperjs.com/swiper-api#css-styles
'Frontend > React' 카테고리의 다른 글
[React Chart] 리액트 chart.js tooltip custom 하기 (0) | 2023.04.24 |
---|---|
[React Swiper] loop={true} 마지막 페이지 먼저보이는 에러 (0) | 2023.04.13 |
[React Swiper] play, stop 버튼 만들기 (0) | 2023.04.13 |
[React Swiper] 리액트에서 스와이퍼 사용하기 (0) | 2023.04.13 |
[React] 리액트 순위 매기기 만들기 (ranking) (0) | 2023.02.26 |