Async Function (RouteMatchCallback, RouteHandler, etc.) is not being included in the generated sw.js

[Kuro091]

Example:

const simpleTest = () => {
    return "abc"
}


cacheName: 'keys-and-remotes',
      urlPattern: async () => {
        return await simpleTest('/cars/keys-and-remotes');
      },
      handler: async ({ request }) => handleRouteGroupItemRequest(request, 'keys-and-remotes'),

the generated sw.js

   (no declaration of simpleTest or handleRouteGroupItemRequest any where)

  workbox.registerRoute(/^(http|https):\/\/[a-zA-Z0-9\-\.]+(:[0-9]+)?(\/cars\/gas-cards(\?[^#]*)?)$/gm, async ({
    request
  **}) => handleRouteGroupItemRequest(request, "gas-cards"), 'GET');**
  workbox.registerRoute(async () => {
    return await simpleTest("/cars/keys-and-remotes");
  }, async ({
    request
.....

This leads to functions not being found error. Anything I can do in my ts.config for example to fix this?

[userquin]

You cannot use external functions, the code is serialized by workbox-build: you can use custom service worker (injectManifest strategy) or inline any function call

[Kuro091]

Thanks for the quick response

I'm moving from generateSw to injectManifest right now which seems to work