How to drop some nuxt runtime config into service worker context? about nuxt HOT 8 CLOSED

I was confused that the default strategy was generateSW and my little custom script for was included as workbox.importScripts. It seems that I will have to change the strategy to injectManifest and somehow write the worker myself

from nuxt.

@cawa-93 have you tried to import useRuntimeConfig from #app or #imports and use it inside the sw (never tested)? Or maybe you can use import.meta.env inside the sw.

from nuxt.

@userquin Yeap. SyntaxError: Cannot use import statement outside a module. Everything looks like the plugin does not process or interact with scripts at all.

from nuxt.

@cawa-93 have you configured devOptions.type = 'module'?

from nuxt.

@cawa-93 have you configured devOptions.type = 'module'?

Yes.

    devOptions: {
      enabled: !false,
      type: 'module',
    },

from nuxt.

I'm getting this error (elk.zone repo):

...
import { useRuntimeConfig } from 'nuxt/app'
import { onNotificationClick, onPush } from './web-push-notifications'
import { onShareTarget } from './share-target'

declare const self: ServiceWorkerGlobalScope

self.addEventListener('message', (event) => {...})

const singleInstance = useRuntimeConfig().public.singleInstance
console.log('Single Instance', singleInstance)

from nuxt.

I suggest you to provide some process.env variable and use it in define, then access it using import.meta.env in the sw. Reuse the variable for nuxt runtime config entry

from nuxt.

Running this script in elk.zone repo "dev:mocked:pwa": "VITE_DEV_PWA=true nuxi dev --port 5314 --dotenv .env.mock",:

from nuxt.