Javascript 错误8280:在服务工作者中获取脚本时发生未知错误

Javascript 错误8280:在服务工作者中获取脚本时发生未知错误,javascript,service-worker,offline-caching,progressive-web-apps,Javascript,Service Worker,Offline Caching,Progressive Web Apps,我基本上是缓存一个离线页面,并在我的网站离线时加载它 为此,我创建了一个页面,上面写着‘signIn’,而‘signIn’的javascript文件是javascript->pages->signIn。在这里,我启动了如下服务人员 javascript/page/script.js if('serviceWorker' in navigator){ navigator.serviceWorker.register('./sw1.js').then(function(reg){

我基本上是缓存一个离线页面,并在我的网站离线时加载它

为此,我创建了一个页面,上面写着‘signIn’,而‘signIn’的javascript文件是javascript->pages->signIn。在这里,我启动了如下服务人员

javascript/page/script.js

if('serviceWorker' in navigator){
   navigator.serviceWorker.register('./sw1.js').then(function(reg){
       console.log("Service workers registered");
     });
 }

else{

   console.log("Browser doesnt support service workers");
}

}) 
sw1.js和offline.html基本上与页面登录在同一个文件夹中

self.addEventListener('install', function(event) {

  var offlineRequest = new Request('./offline.html');
  event.waitUntil(
    fetch(offlineRequest).then(function(response) {
      return caches.open('offline').then(function(cache) {
        console.log('[oninstall] Cached offline page', response.url);
        return cache.put(offlineRequest, response);
      });
    })
  );
});

self.addEventListener('fetch', function(event) {

  var request = event.request;

  if (request.method === 'GET') {
  console.log(request);
    event.respondWith(
      fetch(request).then(function(response){
          console.log("From Network "+response);
          return response;
      }).catch(function(error) {
         console.log(
        '[onfetch] Failed. Serving cached offline fallback ' +
          error
         );
        return caches.open('offline').then(function(cache) {
           console.log("Opened Cache");
          return cache.match('./offline.html');
        });
      })


    );
  }

});
基本上,当我在线时,一切正常,但当我离线时,我在chrome开发工具应用程序中遇到以下错误。
请帮助我。

顺便说一句,当我单击Service Worker面板的脱机并重新加载时,我以前的缓存丢失。可能是重复的