Chrome 在使用 Quasar 构建的 public pwa 文件夹的根目录中找不到 manifest.json 文件

Chrome does not find manifest.json file in the root of public pwa folder built with Quasar

我已经使用 Quasar 框架构建了一个 pwa 应用程序。它将所有必需的文件放在 dist/pwa 文件夹中,包括一个 manifest.json 文件。 但是,Chrome 的开发工具不会在源选项卡中列出此文件。实际网页在浏览器中正确显示。它只是出于某种原因没有检测到清单文件。

我在 index.html

的 head 标签中有这个
<link rel="manifest" href="/manifest.json">

这是源选项卡的屏幕截图:

我希望 manifest.json 文件显示在 Chrome 开发工具的源代码下,并在应用程序下显示 "No Manifest Detected".

如有任何帮助,我们将不胜感激。

我在第一张图片的根目录中没有看到清单,你确定它正在加载吗?你的 webapp 是 (https://example.xyz),清单应该在 (https://example.xyz/manifest.json)

谨慎使用 <link rel="manifest" href="./manifest.json">

这是因为 HTML 文件中的错误。我有一些不匹配的标签。只需确保您的 HTML 文件有效并首先排除明显的问题!