javascript - Github 页面上的 PWA

Question

我正在我的页面上开发 PWA，并且我 100% 关注这个简单的代码实验室 - https://codelabs.developers.google.com/codelabs/add-to-home-screen/#0一切正常(在使用的示例代码上，也在我自己的网页上)，但只有当我在本地主机上测试它时。在 github 页面上部署它之后，我得到了很多错误:

1. GET https://[myusername].github.io/manifest.json 404 ()(即。路径可能有问题，因为我猜 list 文件之前应该有项目名称)
2. Manifest: Line: 1, column: 1, Unexpected token.(在 devtools 中我可以看到，尽管它是普通的 json 文件并且在我的本地主机上工作正常)；
3. TypeError:无法注册 ServiceWorker:错误
获取脚本时收到 HTTP 响应代码 (404)。
4. 在 devtools 中点击“添加到主屏幕”后，我得到:Manifest: Line: 1, column: 1, Unexpected token. and Site cannot be installed: the manifest could not be被获取、为空或无法解析。

有什么想法吗？我不知道是我做错了什么还是github页面有问题......

Answer 1

看起来 service-worker.js 和 manifest.json 文件可能以某种方式损坏了，因为即使使用多次下载。 (我正在查看 /final 文件夹)

我还建议查看 Github 上已有的其他 PWA，例如 pwarocks了解他们如何使用 Github Pages 实现 PWA。