我正在使用react swiper从“swiper/react”在我的网站上的多个组件,它的工作很好,它是用于除了一个页面的每个组件。我有一个顶部导航栏,是作为一个促销文本横幅,它使用自动播放每5秒钟滑动。这个导航栏存在于我的网站的每一个页面,除了一个页面之外,它在每个页面上都工作正常。我遇到的问题是因为swiper在localhost上工作正常,但一旦投入生产,这个页面上的swiper几乎没有显示。你可以在image below中看到,swiper中存在2个字符,你可以看到in this image,swiper在每隔一页上都按预期工作。
注:刷新时,全文将显示约一秒钟,然后倾斜并隐藏。
Package 器组件样式定位为粘性,具有设置的高度,z轴大于其背景,显示方式为flex。滑动器模块包括Navigation和autoplay,loop设置为true,slidesPerView = 1。
是什么原因导致它在本地工作,但部署到服务器上时却不工作?对于为什么会有此功能有什么想法?
如果您需要更多的信息,请不要犹豫,让我知道。感谢任何建议提前。
1条答案
按热度按时间6yt4nkrj1#
在我看来这像是CSS的问题。你用什么来做样式?还有,你的本地主机样式和生产样式有什么不同?注意这些不同,试着找出缺少的东西。如果你不愿意分享你的代码。我看过一些案例(特别是在使用Tailwind时)生产中丢失的样式,因为某个插件删除了它认为没有使用的部分样式。这些情况可以通过将某些类列入白名单来解决,但我不能肯定,因为我不了解您的技术堆栈。