如何解决移动设备上的 Nuxt 静态生成不匹配
我在使用 Nuxt 和 Netlify 时遇到了一个奇怪的问题,在 JAMstack 电子商务上使用静态生成。
我在 Netlify 上推送了我的网站,一切顺利,在生成阶段控制台上没有错误。 当我访问桌面上生成的站点时,一切正常并正确加载。 在移动设备上,内容消失了!如果从主页导航,生成期间从 Prismic 获取的动态内容将不会加载(需要重新加载页面才能查看)。
我会留下构建的 netlify 预览链接,以便您可以遇到同样的问题。 加载主页(在手机上)并单击“立即购买”按钮,您将看到一个没有内容的页面;尝试重新加载页面,一切都会恢复正常。 我注意到,如果您刷新或登陆一个不是主页的页面并开始导航该网站,一切正常,所以只有当导航从移动主页开始时才会出现问题!而且,如果你登陆首页,去Shop Now,然后不重新加载就返回,甚至首页上的内容都消失了!
https://60352eb4c2e7180007325b89--leconturbanti.netlify.app/en
我不明白为什么,因为任何地方都没有控制台错误。在桌面上一切都很好。没有 css 隐藏规则,没有移动设备的 v-if,什么都没有。 Nuxt hydration 好像有问题?
有人遇到同样的问题吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。