Css 故障切换到空白

我希望你能帮助我。我使用swiper，其中swiper包含图片，如果swip更改为图片2，则我单击“下一步”应返回图片1（返回开始）。我面临的问题是，swip没有返回到图像1，而是返回空幻灯片，然后返回到开头。这里我附上编码和图像结果

var swiper=新的swiper（“.swiper容器”{
分页：'.swiper分页'，
下一个按钮：'.swiper按钮下一个'，
prevButton:“.swiper button prev”，
幻灯片视图：1，
paginationClickable:true，
空间期:30,，
循环：正确
});

如果您包含HTML和CSS，这样我们就可以完全重现问题，这可能会有所帮助。@showdev我已将编码附加到名为script的附件文件中。

  <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true
    });
    </script>