为什么我的 Manifest.json 显示 "Page does not work offline"

Why does my Manifest.json shows "Page does not work offline"

我的问题: 我正在尝试为我的站点设置 Progressive Web App,但我的 Manifest.json 文件的可安装性显示 "Page does not work offline"

我试图找出造成这种情况的原因,但找不到。 有人可以解释一下吗?

您的网站没有安装 service worker。没有 Service Worker 离线将无法工作。

您的服务人员可能没有 fetch 事件的事件侦听器。 这是 PWA 的基本要求。

只需添加:

 self.addEventListener('fetch',() => console.log("fetch"));

到您的服务人员或根据您的要求添加 fetch 侦听器。

要获取更多信息,请关注: https://developers.google.com/web/ilt/pwa/lab-caching-files-with-service-worker#3_serve_files_from_the_cache

我对 service worker 和最新的 Chrome 有类似的问题 添加 "offline_enabled": true 到 manifest.json 来解决它