swiper js 不适用于页面中的重复组件

Question

我在我的项目中使用了 swiper js。我在 index.html 标题中添加：

<script src="./assets/js/swiper-bundle.js"></script>
<script src="./assets/js/swiper-bundle.min.js"></script>

我的应用程序中与 products similar 相关的一个组件在许多不同的部分重复。但我的问题是只有我网站主页顶部的组件有效，其他组件不起作用。

my component