移动设备上的 Nuxt 静态生成不匹配

问题描述

我在使用 Nuxt 和 Netlify 时遇到了一个奇怪的问题,在 JAMstack 电子商务上使用静态生成

我在 Netlify 上推送了我的网站,一切顺利,在生成阶段控制台上没有错误。 当我访问桌面上生成站点时,一切正常并正确加载。 在移动设备上,内容消失了!如果从主页导航,生成期间从 Prismic 获取的动态内容将不会加载(需要重新加载页面才能查看)。

我会留下构建的 netlify 预览链接,以便您可以遇到同样的问题。 加载主页(在手机上)并单击“立即购买”按钮,您将看到一个没有内容页面;尝试重新加载页面,一切都会恢复正常。 我注意到,如果您刷新或登陆一个不是主页的页面并开始导航该网站,一切正常,所以只有当导航从移动主页开始时才会出现问题!而且,如果你登陆首页,去Shop Now,然后不重新加载就返回,甚至首页上的内容都消失了!

https://60352eb4c2e7180007325b89--leconturbanti.netlify.app/en

我不明白为什么,因为任何地方都没有控制台错误。在桌面上一切都很好。没有 css 隐藏规则,没有移动设备的 v-if,什么都没有。 Nuxt hydration 好像有问题?

有人遇到同样的问题吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)