Ошибка кэша обслуживающего персонала

Question

Я разрабатываю прогрессивное веб-приложение с целью кэширования всех активов, которые будут использоваться в автономном режиме. Вот мой рабочий

self.addEventListener('install', function(e) { 
     e.waitUntil(
      caches.open('default-cache').then(function(cache) { 
       return cache.addAll([ 
       '/', 
       '/index.html', 
       '/bundle.js', 
       '/libraries/p5.dom.min.js', 
       '/libraries/p5.min.js', 
       '/libraries/p5.sound.min.js', 
       '/sound/spokesm4v.mp3', 
       '/css/flexboxgrid.min.css', 
       '/images/icon-192.png', 
       '/manifest.json', 
      ]) 
     }).then(function() { 
      return self.skipWaiting(); 
     })); 
    }); 

    self.addEventListener('activate', function(e) { 
     e.waitUntil(self.clients.claim()); 
    }); 

    self.addEventListener('fetch', function(e) { 
     e.respondWith(
      caches.match(e.request).then(function(response) { 
       return response || fetch(e.request); 
      }) 
     ); 
    }); 

обслуживание Независимо от того, если я в сети или нет, работник службы не в состоянии кэшировать некоторые активы (в данном случае bundle.js) и ломает мой кэш-первая система, даже если я вхожу успех сообщение при регистрации работника.

https://postimg.org/gallery/2yo1ig35y/

Answer 1

Я не вижу проблемы, что кэширование не выполняется для bundle.js, но при открытии coloursel.io я могу видеть в консоли, что есть ошибка JavaScript в вашем sw.js «неперехваченным ReferenceError: событие не определено в sw.js: 27"

Если вы изменяете

self.addEventListener('fetch', function(e) { 
    e.respondWith(
     caches.match(event.request).then(function(response) { 
      return response || fetch(event.request); 
     }) 
    ); 
}); 

в

self.addEventListener('fetch', function(event) { 
    event.respondWith(
     caches.match(event.request).then(function(response) { 
      return response || fetch(event.request); 
     }) 
    ); 
}); 

Работник службы должен работать должным образом.

Answer 2

Попробуйте использовать sw-precache должно быть проще