Javascript PWA服务人员提取工作不正常

我目前正在使用Flask webframe开发一个PWA。 一切似乎都很顺利，直到听者。 我像这样写了我的抓取截取代码，我不认为这是错的

self.addEventListener('fetch', (event) =>{
console.log("[From Service Worker]", event)
event.respondWith(
    caches.match(event.request).then(cacheRes=>{
        return cacheRes || fetch(event.request)
    })
  )}
)

但是，当我检查控制台时，其中只显示一个fetch事件。在网络标签中，它还显示它是从网络而不是从服务工作者获取文件。 我检查了stackoverflow问题，注意到可能是作用域问题，但输出显示其作用域是根目录。 更重要的是，如果我在关闭DevTools的情况下刷新页面，当我在刷新后检查控制台时，所有的抓取都会像它应该显示的那样显示在那里。但当我试图在工具打开的情况下刷新它时，回迁又消失了。

---

为什么会发生这种情况？

如果您访问Chrome的DevTools中的“服务人员”选项卡，是否会看到您的页面被列为活动服务人员的客户端？谢谢你的链接！我从中找到了解决办法。