所以我使用 Swiper.js 以便在我的投资组合中横向滑动一些内容。 如果我在本地打开页面，一切正常（我可以滑动，显示按钮，..）但是如果我在 Netlify（免费托管服务）上打开它，我遇到了一个问题：显示了按钮，但我不能滑动。
刷新页面，解决问题。
在头部部分，我有指向 CDN 的链接
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
并且脚本位于正文末尾之前
<script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
在 console.log 中，我有这个错误：“提交加载资源：服务器响应状态为 404”。 再次刷新，解决问题。
你们知道如何解决这个问题吗？
答案 0 :(得分：0)
这是因为库在页面之前加载，因此它无法定位 DOM 中的元素，因为它们尚不存在。
向脚本标记添加 defer 属性或将其放置在页面末尾。
<script defer src="..."></script>