Estoy tratando de que un trabajador de servicio pueda suscribirse a las notificaciones y enviar notificaciones automáticas. Para hacer esto, estoy registrando un trabajador de servicio (uno se muestra en la consola de Chrome) y luego trato de hacer mi tarea allí. Hasta ahora, puedo registrar un trabajador de servicio, pero no se mostrará en el navegador como dijeron un montón de guías. A continuación se muestra mi código actual reducido a un caso de prueba mínimo. Estoy haciendo esto en Vue.js como mi marco frontal.

Registro

 import { register } from 'register-service-worker' console.log('Registering service worker') register(`service-worker.js`, {scope: '/'},{ ready () { console.log('Service worker is ready.') }, registered () { console.log('Service worker has been registered.') }, error (error) { console.error('Error during service worker registration:', error) } })

archivo de trabajador de servicio

 console.log(navigator) // This is where I am manually checking for serviceWorker to exist if ('serviceWorker' in navigator) { navigator.serviceWorker.ready.then(function(serviceWorkerRegistration) { console.log("SW Registered pre push manager") }) }

Investigué en Google y SO y todo lo que indica es que necesito https excepto en localhost (en el que estoy) y que necesito asegurarme de que el alcance sea correcto, ambos son buenos allí.

Mi pregunta es ¿cómo puedo hacer que esto funcione donde se ejecutará el código dentro de mi instrucción if?