2

Tengo un proyecto con Laravel, Vuejs y quiero que sea PWA, ya tengo el service-worker, el manifest.json e hice el cambio a package.json, Pero tengo una duda, por ahora esta localhost:8000 y me dice

ServiceWorker registration failed:  TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.

¿Por qué pasa esto?, Qué necesito para que me reconozca el service-worker y así ser un PWA.

4
  • ¿cómo llamas al service worker y qué ruta y nombre tiene dicho archivo?
    – Shaz
    Commented el 3 abr. 2018 a las 13:46
  • '/service-worker.js' y esta en la raíz del proyecto
    – Bella
    Commented el 3 abr. 2018 a las 14:59
  • ¿cuál es la raíz del proyecto? yo he implementado varios PWA con Laravel sin problema, pero necesito más detalles, más código.
    – Shaz
    Commented el 3 abr. 2018 a las 15:02
  • Puedo preguntar ¿cómo lo has hecho?, Yo tengo problema con el service worker, ya tengo el manifest.json y eso si lo toma.
    – Bella
    Commented el 3 abr. 2018 a las 15:06

1 respuesta 1

2

Este es el código que utilizo para registrar los service worker, lo he usado con Laravel sin problema:

if (navigator.serviceWorker.controller) {
  console.log('Service worker already registered.')
} else {
  navigator.serviceWorker.register('service-worker.js', {
    scope: './'
  }).then(function(reg) {
    console.log('Service worker has been registered for scope:'+ reg.scope);
  });
}

Dicho código lo tengo en una vista parcial que es cargada en todas las páginas, básicamente, y el archivo service-worker.js está en la carpeta public.

4
  • Influye que se este viendo en localhost:8000 o eso no tiene ningún problema
    – Bella
    Commented el 3 abr. 2018 a las 16:48
  • ¿Qué código hay dentro de service-worker.js?
    – Bella
    Commented el 3 abr. 2018 a las 16:49
  • En service-worker.js está el código necesario para crear el caché para cuando el usuario esté offline y su administración, en otras palabras, están los listeners de los eventos: install, fetch y refreshOffline.
    – Shaz
    Commented el 3 abr. 2018 a las 16:51
  • 2
    Debería funcionar con localhost, sin embargo siempre lo he probado con HTTPS. Si deseas un poco más de información detallada, revisa: developers.google.com/web/fundamentals/primers/service-workers
    – Shaz
    Commented el 3 abr. 2018 a las 16:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.