Service Worker wirft einen net :: ERR_FILE_EXISTS Fehler?

service-worker.js:1 GET http://localhost:8080/service-worker.js net::ERR_FILE_EXISTS

Dies ist der Fehler, den ich bei jeder Aktualisierung erhalte, nachdem ich einen Servicemitarbeiter registriert habe. Ich habe sichergestellt, dass die Datei service-worker.js im Stammverzeichnis vorhanden ist. Auch der Servicemitarbeiter ist registriert und arbeitet einwandfrei. Aber ich bekomme immer noch diesen Fehler. Ich arbeite auch an localhost.

Dies ist meine service-worker.js-Datei:

console.log("SW startup");

var CACHE_NAME = "my_cache";
var urlsToCache = [
  './',
  './css/style.css',
  './js/script.js'
];

self.addEventListener('install', function(event) {
  // Perform install steps
  event.waitUntil(
    caches.open(CACHE_NAME)
      .then(function(cache) {
        console.log('Opened cache');
        return cache.addAll(urlsToCache);
      })
  );
});

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.open(CACHE_NAME).then(function(cache) {
      return cache.match(event.request).then(function (response) {
        return response || fetch(event.request.clone()).then(function(response) {
          console.dir(response);
          console.log('hi');
          cache.put(event.request.clone(), response.clone());
          return response;
        });
      });
    })
  );
});

script.js Datei:

if (navigator.serviceWorker) {
    console.log("ServiceWorkers are supported");


    navigator.serviceWorker.register('service-worker.js')
        .then(function(reg) {
            console.log("ServiceWorker registered ◕‿◕");
            console.dir(reg);
        })
        .catch(function(error) {
            console.log("Failed to register ServiceWorker ಠ_ಠ");
            console.dir(error);
        });
}

Antworten auf die Frage(2)

Ihre Antwort auf die Frage