【发布时间】:2021-05-31 18:12:19
【问题描述】:
我正在尝试改进 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, Pagination, Scrollbar, A11y]);
</script>
【问题讨论】: