Failed to register a ServiceWorker for scope, ServiceWorker script evaluation failed

[maximilianfixl]

When creating a PWA with "@quasar/cli":"^2.3.0" with vite. I have a problem with
the creation of service workers in workboxMode: 'injectManifest'.

What is expected?

No error messages in the Chrome (v. 125.0) console. Current console.error message:

Error during service worker registration: TypeError:
Failed to register a ServiceWorker for scope ('https://127.0.0.1:9200/')
with script ('https://127.0.0.1:9200/sw.js'):
ServiceWorker script evaluation failed

The Service Worker files are not renamed and have the original name,
that was assigned during generation.

/src-pwa
  custom-serivce-worker.ts
  register-serivce-worker.ts
  ...

The Service Worker files

(The pushnotification(self) function only contains
addEventListener.)

custom-serivce-worker.ts

import { clientsClaim } from 'workbox-core'
import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
import { NavigationRoute, registerRoute } from 'workbox-routing'
import { useLogger } from '@utils/logger/useLogger'
import { pushnotification } from './listeners/pushnotification'

const moduleName = 'Custom serviceworker'
declare const self: ServiceWorkerGlobalScope

self.skipWaiting().then(() => useLogger.trace(moduleName, `The waiting serviceworker became active.`))
clientsClaim()
precacheAndRoute(self.__WB_MANIFEST)
cleanupOutdatedCaches()

if (process.env.MODE !== 'ssr' || process.env.PROD === 'true') {
    const navigationRoute = new NavigationRoute(
        createHandlerBoundToURL(process.env.PWA_FALLBACK_HTML),
        { denylist: [/sw\.js$/, /workbox-(.)*\.js$/] },
    )
    registerRoute(navigationRoute)
}

pushnotification(self)

register-serivce-worker.ts

import { register } from 'register-service-worker'

// The ready(), registered(), cached(), updatefound() and updated()
// events passes a ServiceWorkerRegistration instance in their arguments.
// ServiceWorkerRegistration: https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration

register(process.env.SERVICE_WORKER_FILE, {
    // The registrationOptions object will be passed as the second argument
    // to ServiceWorkerContainer.register()
    // https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerContainer/register#Parameter

    registrationOptions: { scope: './' },

    ready(registration) {
        // eslint-disable-next-line no-console
        console.log('Service worker is active. Registration:', registration)
    },

    registered(registration) {
        // eslint-disable-next-line no-console
        console.log('Service worker has been registered. Registration:', registration)
    },

    cached(registration) {
        // eslint-disable-next-line no-console
        console.log('Content has been cached for offline use. Registration:', registration)
    },

    updatefound(registration) {
        // eslint-disable-next-line no-console
        console.log('New content is downloading. Registration:', registration)
    },

    updated(registration) {
        // eslint-disable-next-line no-console
        console.log('New content is available; please refresh. Registration:', registration)
    },

    offline() {
        // eslint-disable-next-line no-console
        console.log('No internet connection found. App is running in offline mode.')
    },

    error(err) {
        // eslint-disable-next-line no-console
        console.error('Error during service worker registration:', err)
    },
})

What have I done to try and fix the problem?

• Delete the generated sw.js file in the .quasar directory and have it
  and regenerate it.
• node_modules and yarn.lock were deleted and recreated.
• Do not run the dev server in https but on http.
• Use of various browsers such as FireFox, Edge and Opera in the
  latest versions.

What is the aim of the current implementation?

• The JavaScript firebase SDK is to be implemented in order to receive push
  notifications in the browser.

Does anyone have experience with this problem and can help me at this point?
help me at this point?

I would be very grateful for any feedback.

[ivanjaros]

I don't use PWA but maybe it is the same issue i had here #17258 (comment)

Also see if restarting the dev server helps. There might be duplicate script loaded(ie. already running).