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 ()（即。 路径可能有问题，因为我猜在清单文件之前应该有项目名称）
2. Manifest: Line: 1, column: 1, Unexpected token.（在 devtools 中我可以看到虽然它是普通的 json 文件，但在我的本地主机上运行良好）；
3. TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
4. 在 devtools 中单击“添加到主屏幕”后，我得到：Manifest: Line: 1, column: 1, Unexpected token. 和 Site cannot be installed: the manifest could not be fetched, is empty, or could not be parsed。

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

Answer 1

看起来service-worker.js 和manifest.json 文件可能以某种方式损坏，因为我无法在我的计算机上打开任何一个文件，即使有多次下载。 （我在看/final 文件夹）

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