PWA在Github页面上

时间:2017-09-14 21:37:16

标签: javascript github github-pages progressive-web-apps

我正在我的网页上工作PWA,并且我跟随100%这个简单的代码框 - https://codelabs.developers.google.com/codelabs/add-to-home-screen/#0并且一切正常(在使用的exmaple代码上,也在我自己的网页上) ,但只有当我在localhost上测试它时。 在github页面上部署后,我遇到了很多错误:

  1. GET https://[myusername].github.io/manifest.json 404 ()(即。 路径可能有问题,因为我认为清单文件之前应该有项目名称)
  2. Manifest: Line: 1, column: 1, Unexpected token.(在devtools我可以看到它虽然它是正常的json文件,但它在我的localhost上工作正常);
  3. TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.
  4. 点击&#34后;添加到主屏幕"在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
  5. 有什么想法吗?我不知道我做错了什么,或者github页面出了什么问题...

1 个答案:

答案 0 :(得分:1)

看起来db.snippets.aggregate([ { '$match': { 'created_at': { "$exists": true } } }, { '$project': { month: { '$month': '$created_at' } } } ]) service-worker.js文件可能会以某种方式损坏,因为即使有多次下载,我也无法打开计算机上的任何文件。 (我正在查看manifest.json文件夹)

我还建议查看已经在Github上的其他PWA,例如pwarocks,看看他们是如何使用Github Pages推出PWA的。