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

Question

我目前正在使用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问题并注意到可能是作用域问题，但我发现输出显示其作用域是http://127.0.0.1:5000/，根目录。 更重要的是，如果我在关闭DevTools的情况下刷新页面，当我在刷新后检查控制台时，所有的抓取都会像它应该显示的那样显示在那里。但当我试图在工具打开的情况下刷新它时，回迁又消失了。 为什么会这样