Workbox 缓存在短时间内未使用

如何解决Workbox 缓存在短时间内未使用

我正在开发具有离线模式的 PWA。因此，使用工作箱，我缓存了每个文件（js、html、css 等）。我缓存了 86 个文件（~9mb）。

这是我的服务人员：

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

workBox.core.skipwaiting();
workBox.core.clientsClaim();
workBox.precaching.cleanupOutdatedCaches();
  
workBox.precaching.precacheAndRoute(self.__WB_MANIFEST,{
  ignoreURLParametersMatching: [/.*/],});

self.addEventListener('install',function(event) {
  console.debug("sw install");
  event.waitUntil(self.skipwaiting());
});

self.addEventListener('activate',function(event) {
  console.debug("sw activated");
  event.waitUntil(self.clients.claim());
});

我的 workBox-config.js：

module.exports = {
    globDirectory: './',globPatterns: [
        '**/*.{html,css,json,svg,png,js,md,eot,ttf,woff,woff2,otf}'
    ],swDest: './sw.js',swSrc: 'build/service-worker.js'
};

问题：

5 分钟 - 10 分钟后（离线模式）：

GET https://my.site.com/js/xxx.js net::ERR_INTERNET_disCONNECTED

我无法获得的 .js 是随机的（可以是 x.js 或 y.js）。但我确定 .js 缓存在我的缓存存储中（我可以使用 Devtool 看到它）

似乎我的 .js 缓存“过期”了很短时间

我的工作器服务中是否缺少任何东西？