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文件，并在下次更新缓存。

任何建议表示赞赏。