问题描述
我正在尝试改进 svelte、Sapper (https://swiperjs.com/svelte) 中的 Swiper.js 组件,但出现以下错误:
'update_slot' 没有被 node_modules\svelte\internal\index.mjs 导出
Swiperjs 版本:6.4.15
代码:
<Swiper
spaceBetween={50}
slidesPerView={3}
navigation
pagination={{ clickable: true }}
scrollbar={{ draggable: true }}
on:slideChange={() => console.log('slide change')}
on:swiper={(e) => console.log(e.detail[0])}
>
<SwiperSlide>Slide 1</SwiperSlide>
<SwiperSlide>Slide 2</SwiperSlide>
<SwiperSlide>Slide 3</SwiperSlide>
<SwiperSlide>Slide 4</SwiperSlide>
...
</Swiper>
<script>
// import Swiper core and required modules
import SwiperCore,{ Navigation,Pagination,Scrollbar,A11y } from 'swiper';
import { Swiper,SwiperSlide } from 'swiper/svelte';
// Import Swiper styles
// import 'swiper/swiper.scss';
// import 'swiper/components/navigation/navigation.scss';
// import 'swiper/components/pagination/pagination.scss';
// import 'swiper/components/scrollbar/scrollbar.scss';
import "swiper/swiper-bundle.min.css"
// install Swiper modules
SwiperCore.use([Navigation,A11y]);
</script>
解决方法
更新 svelte 后解决。