workbox - Service Worker 中的 Workbox 运行时缓存被忽略

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

这是 serviceworker 的范围。

我sw.js在dist/. 一旦我将它移到公共根目录（所以范围变得/一切都很好。

这个答案真的很难找到。如果在大海捞针中生根发芽，那就很多了。

为了离线加载，我现在需要让 serviceworker 响应/. 我看到一个简洁的评论，其中index.html需要放置在预缓存清单中（没有说明）。现在正在寻找有关此的文档的乐趣WorkboxPlugin.InjectManifest。:-(