vaadin - pwa 工作箱在缓存中找不到响应

Question

我已经配置了以下工作箱路由来缓存从新闻服务 newsapi.org 获取的所有文章。我可以看到文章存储在缓存中，但是当我在 chrome 中进入离线模式，然后尝试访问缓存的 url 时，工作框告诉我在缓存中找不到响应（即使我可以在那里看到它）。我在这里想念什么？基于Vaadin Progressive Web App 教程的原始代码

workbox.routing.registerRoute(
  // Cache news articles
  new RegExp('^https?:\/\/newsapi.org/(.*)'), args => {
  return workbox.strategies.networkFirst({
    cacheName: 'news-cache',
    plugins: [
      new workbox.expiration.Plugin({
        maxEntries: 20,
        maxAgeSeconds: 7 * 24 * 60 * 60,
      })
    ],
  }).handle(args).then(response => {
    if (!response) {
      return caches.match('./fallback.json');
    }
    return response;
  });
});