Cloudflare DevelopersCD
Cloudflare Developers•2y ago
Tincan

service worker not being served on live (CF Pages) but is locally

Hi possibly not the right channel, but I'm working on a push notification system which works locally but not on live. Looking at these screenshots (live 1st then local), the script url of the service worker is different and the browser extension I have have is not picking up the SW on live deployment. Any idea why this could be...?

SW should be loaded in nuxt.config.ts
  modules: [
...
    '@vite-pwa/nuxt',
  ],
  pwa: {
    registerType: 'autoUpdate',
      manifest: {
...
      icons: [
        {
          src: "img/prototype/maskable_icon_x192.png",
          sizes: "192x192",
          type: "image/png",
          "purpose": "maskable any"
        },
        {
          src: "img/prototype/apple-icon-x192.png",
          sizes: "192x192",
          type: "image/png",
          "purpose": "maskable any"
        },
        {
          src: "img/prototype/maskable_icon_x512.png",
          sizes: "512x512",
          type: "image/png",
          "purpose": "maskable any"
        },
      ],
    },
    workbox: {
      navigateFallback: undefined,
      importScripts: ['/sw.js'],
    },
    client: {
      installPrompt: true,
    },
    devOptions: {
      enabled: true,
      type: "module",
    },
  },
Was this page helpful?