workbox - WorkBox 使用 workbox.strategies.staleWhileRevalidate - 缓存不更新

Question

我们有一个 SPA - 单页应用程序，通过 index.php 页面加载，然后所有交互/请求都是使用 jQuery 3.2.1 的 AJAX 调用。

在我们的服务工作者中，我们正在使用：

importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.0.0/workbox-sw.js');

if (workbox) {
    console.log(`Workbox is loaded`);
} else {
    console.log(`Workbox didn't load`);
}

workbox.routing.registerRoute(
    // Cache CSS files
    /.*\.js/,
    // Use cache but update in the background ASAP
    workbox.strategies.staleWhileRevalidate({
        // Use a custom cache name
        cacheName: 'js-cache',
        plugins: [
            new workbox.expiration.Plugin({
                // Only cache requests for a day
                maxAgeSeconds: 1 * 24 * 60 * 60,
                // Only cache 40 requests.
                maxEntries: 40,
            }),
        ]
    })
);

这有效 - 从服务器加载文件并创建缓存：

但是，从来没有不拾取任何版本的 JS 文件 - 我关闭 Web 选项卡并重新加载应用程序，然后将旧版本的 JS 文件呈现给应用程序。

我希望“staleWhileRevalidate”能够在异步请求中获取更新的 JS 文件并为下次更新缓存。

任何建议表示赞赏。