Javascript Swiper.js slidesPerGroup或slidesPerView未对奇数项进行分组

我使用Swiper.js作为我为客户构建的网站上的滑块。他们的要求是这样的：滑块内有10个项目，4个项目一次可见，每次单击箭头时，4个项目将滑出，4个新项目滑入。因此，如果我有幻灯片1-10，这就是滑块的行为：

第一视图：1-4张幻灯片 第二视图：5-8张幻灯片 第三视图：9、10、1、2张幻灯片 第四视图：3-6张幻灯片。。。。等等

这是一个无限循环，每次将滑动4次。我尝试使用swiper.js创建这样一个滑块，结果非常接近，但不太接近。以下是我能够创造的：

您会注意到，在前两次单击中，一切正常，但一旦看到幻灯片9、10、1和2，我单击“下一步”，它一次只移动两张幻灯片，从而显示幻灯片1-4。我需要避免这种情况发生，并确保它总是在无限循环中一次移动4张幻灯片。这是我的密码：

var swiper = new Swiper('.swiper-container', {
    slidesPerView: 4,
    spaceBetween: 10,
    slidesPerGroup: 4,
    loop: true,
    loopFillGroupWithBlank: false,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
});

提前谢谢！ 干杯