为什么在 nuxt3 i18n 上滑动无法正常工作？

Question

在我的多语言网站中，我使用 swipe 进行狂欢。它工作正常，但在切换语言时出错。我正在使用 i18n 进行翻译。我收到以下错误：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'removeEventListener')

这是我的代码：

<Swiper
                :modules="[SwiperAutoplay, SwiperGrid]"
                :slides-per-view="1"
                :space-between="30"
                :loop=true
                :effect="'slide'"
                :breakpoints="{
                    1200: { slidesPerView: 3 }, 
                    768: { slidesPerView: 2 },
                    320: { slidesPerView: 1 } 
                }"
                :autoplay="{
                  delay: 4000,
                  disableOnInteraction: false,
                }"
              >
                <SwiperSlide v-for="(slide, index) in carousalData.carousel_items" :key="index">
                  <HomeCarouselCard :slide="slide"/>
                </SwiperSlide>
              </Swiper>

请帮助我。

Answer 1

尝试将组件包装在

client-only

中，以便它仅在客户端运行。