为什么我的 Manifest.json 显示“页面无法脱机工作”答案

【问题标题】：Why does my Manifest.json shows "Page does not work offline"为什么我的 Manifest.json 显示“页面无法脱机工作”
【发布时间】：2019-08-17 22:14:14
【问题描述】：

我的问题：我正在尝试为我的网站设置 Progressive Web App，但我的 Manifest.json 文件的可安装性显示“页面无法脱机工作”

我试图找出造成这种情况的原因，但找不到。有人可以对此有所了解吗？

【问题讨论】：

【解决方案1】：

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

只需添加：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

Service Worker 和最新的 Chrome 也有类似的问题在 manifest.json 中添加 "offline_enabled": true 来解决它

【讨论】：