javascript - pwa - ¿Qué hace que un error al ejecutar ''fetch'' en ''ServiceWorkerGlobalScope'': ''only-if-cached'' se pueda configurar solo con el error de modo ''mismo origen''?

service worker angular

Question

Después de actualizar a Chrome 64, me di cuenta de que este error aparece cuando carga mi página en una nueva pestaña.

No puedo identificar dónde está en el trabajador de servicio. Aquí está mi código para ejecutar la búsqueda:

self.addEventListener(''fetch'', function(event) {
   if (event.request.url.startsWith(self.location.origin)) {
       event.respondWith(
           caches.match(event.request).then(function(response) {
              return response || fetch(event.request).then(function(fetch_resp){
                  return fetch_resp;
              });
           })
       );
   }
});

¿Podría alguien aquí, que tenga más conocimiento sobre el trabajador de servicios, ayudarme a resolver este error?

Answer 1

Creo que este es un error de Chromium que se ha informado here . Esperemos que se solucione pronto o se publique más información sobre el problema.

Paul Irish implementó un trabajo temporal, que es el siguiente:

if (e.request.cache === ''only-if-cached'' && e.request.mode !== ''same-origin'') {
  return;
}

Lo ejecuté dentro de la devolución de llamada para que los trabajadores del servicio install y fetch escuchas, y esto evitó el error.

Puedes ver la confirmación completa del código de Paul aquí .

Answer 2

Tal vez el nombre del caché no sea único de otras aplicaciones, parece solucionar el problema para mí.