Chrome安装的PWA打开manifest.json而非应用页面问题求助

• Chrome应用缓存/数据异常
  Chrome对已安装PWA的本地缓存和应用注册数据偶尔会出现异常，导致启动时错误加载manifest文件而非指定入口页面。可以按以下步骤重置：

  1. 打开Chrome的chrome://apps页面，找到你的PWA应用，右键选择「从Chrome中移除」
  2. 打开应用的网页版，按F12调出DevTools → 切换到「应用」标签 → 「存储」选项下点击「清除站点数据」
  3. 重新安装PWA应用

• manifest.json的start_url配置隐性问题
  虽然Lighthouse检测通过，但Chrome对start_url的路径匹配逻辑可能更严格：

  • 检查start_url是否以斜杠结尾（比如./而非.），部分场景下无斜杠会导致路径解析偏差
  • 确认start_url指向的页面返回200状态码，不存在重定向到manifest.json的情况
  • 可以尝试给start_url添加一个无关的查询参数（比如./?launch=pwa），强制Chrome重新识别启动路径

• Chrome的PWA注册信息错乱
  偶尔Chrome的服务工作者注册或PWA关联信息会出现异常，手动重置即可：
  在应用网页版的DevTools → 「应用」→「服务工作者」中，先注销现有服务工作者，然后点击「重新注册」，之后再重新安装PWA

• 服务器Content-Type配置错误
  检查服务器返回manifest.json文件时的Content-Type头部是否为application/manifest+json。如果错误设置为text/html或其他类型，Chrome可能会在启动时误将其解析为页面内容，而Firefox对该头部的兼容性更强，所以不受影响。

内容的提问来源于stack exchange，提问作者MichaelHasfel