문제 발생

라이브러리 Swiper의 버전이 바뀌면서 작성하는 방법에서 조금 변화가 있어 에러가 발생했던 것 같습니다.

해결 방법

1단계 : swiper 버전 확인

swiper의 버전이 10 이상인지 확인해줍니다.

2단계 : swiper v.10 이상일 때 마이그레이션 진행

[In v9] :

import Swiper, { Navigation, Pagination } from 'swiper';

<swiper-container>
  <!-- shadow -->
  <div class="swiper-wrapper">
    <slot />
  </div>
</swiper-container>

[In v10] :

module imports에 /modules를 추가해주면 됩니다.

import Swiper from 'swiper';
import { Navigation, Pagination } from 'swiper/modules';

<swiper-container>
  <!-- shadow -->
  <div class="swiper">
    <div class="swiper-wrapper">
      <slot />
    </div>
  </div>
</swiper-container>

---

참고자료

https://swiperjs.com/migration-guide-v10