VueJs Nuxt PWA 未在 iphone 上呈现答案

【问题标题】：VueJs Nuxt PWA not rendering on iphoneVueJs Nuxt PWA 未在 iphone 上呈现
【发布时间】：2021-11-19 17:53:50
【问题描述】：

我的 vuejs nuxt 产品组合 (https://gunjankadu.com/) 无法在 ios 手机上打开，但在所有其他设备上都可以完美运行。在 IOS 设备上只显示一个红色微调器，仅此而已。可以做什么？

脚本“tag.js”需要一些时间来加载，我目前已禁用但仍无法正常工作。

【问题讨论】：

iPhone 是否支持 PWA？上次我查了，没有。您可以查看官方的 vuejs 文档吗？ vuejs.org/v2/guide
好像有一个脚本无法解析。大约 3 分钟后，Tags.js 超时。尽管该站点在 chrome 中运行，但它并没有完全加载，并且加载程序在选项卡上可见。 IOS 可能在加载 PWA 之前等待此问题解决
@retrograde 我删除了脚本“tag.js”仍然没有加载网站
我想我需要先查看代码，然后才能做出另一个猜测。
我正在开发的应用程序也遇到了类似的情况。它应该有 PWA 支持，但我在使用 webapp 时直接遇到了这个问题。它第一次加载很好，但如果我在浏览器中手动更改路线，新页面会显示 nuxt 加载动画并且永远不会停止。不知道会发生什么。

【解决方案1】：

我查看了您的申请，发现了两个问题。首先是关于正则表达式，看来 Safari 还不支持向后看。一种替代方法是将之前的 / 放在未捕获的组中，然后仅提取第一组（/ 之后和 # 之前的内容）。

/(?:\/)([^#]+)(?=#*)/

第二个是关于minimal-ui视口属性，你可以找到更多here

【讨论】：

【解决方案2】：

查看您所有的 js/vue 文件，尤其是在商店中。并查看是否未导入任何使用的变量。 SPA 模式下的 Nuxt 没有检测到这些错误，令人惊讶的是 UI 卡在仅在 iOS 上加载。很奇怪，但我花了一天的时间。

【讨论】：