Question

在我的服务人员中，我有：

console.log('register images')

workbox.routing.registerRoute(
  // Cache image files
  /.*\.(?:png|jpg|jpeg|svg|gif)/,
  // Use the cache if it's available
  workbox.strategies.staleWhileRevalidate({
    // Use a custom cache name
    cacheName:'image-cache'
  })
);

（例如）但没有创建这样的缓存。（但预缓存正在运行）

我认为我遗漏了一些基本的东西。似乎无法找到解决此问题的示例。

任何帮助将不胜感激

Answer 1

这是服务人员的范围。

我在sw.js中有dist/。一旦我将它移动到公共根（因此范围变为/一切都很好。

这个答案真的很难找到。如果在干草堆里生根，那就很多了。

要离线加载，我现在需要让服务工作人员响应/的导航请求。我看到了一个简洁的评论，其中index.html需要放在预先缓存清单中（没有说明）。现在开心寻找WorkboxPlugin.InjectManifest的文档。： - （

忽略服务工作者中的Workbox运行时缓存

1 个答案: