为什么我的 Manifest.json 显示“页面无法离线工作”

Question

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

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

Answer 1

您的服务工作者可能没有事件的事件侦听器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