Workbox运行时缓存不能与带查询参数的url一起工作？

import { registerRoute } from 'workbox-routing';
import { StaleWhileRevalidate } from 'workbox-strategies';

registerRoute(
  ({ url }) => url.pathname.startsWith('/api/'),
  new StaleWhileRevalidate({
    cacheName: 'api-cache',
  })
);

import { registerRoute } from 'workbox-routing';
import { StaleWhileRevalidate } from 'work.js';

class QueryParamCacheKeyGenerator {
  generateKey(request) {
    const url = new URL(request.url);
    url.search = '';
    return url.toString();
  }
}

const cacheKeyGenerator = new QueryParamCacheKeyGenerator();

registerRoute(
  ({ request }) => request.destination === 'script',
  new StaleWhileRevalidate({
    cacheName: 'scripts',
    cacheKeyGenerator: cacheKeyGenerator,
  })
);

import { registerRoute } from 'workbox-routing';
import { NetworkFirst } from 'workbox-strategies';

registerRoute(
  ({ url }) => url.pathname.startsWith('/api/'),
  new NetworkFirst({
    cacheName: 'api-cache',
  })
);