服务工作者抛出net:：ERR\u文件\u存在错误？

Question

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

这是我在注册服务人员后每次刷新时遇到的错误。我已经确定了服务人员。js文件存在于根目录中。此外，该服务人员已注册，工作正常。但我还是不断地犯这个错误。我还在本地主机上工作。

这是我的service-worker.js文件：

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;
        });
      });
    })
  );
});

剧本js文件：

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);
        });
}

Answer 1

我也看到了同样的问题。可以放心地忽略它。

此错误跟踪从Chrome中消除噪音：https://code.google.com/p/chromium/issues/detail?id=541797

它应该从50Chrome开始直播。

从线程：

由于找不到更新，因此改进了服务工作人员bailing的错误代码

ServiceWorkerWriteToCacheJobs是负责获取和编写更新脚本的URL刚需。当它想要中止更新时，它会因网络错误而失败，因为新脚本与旧脚本相同。

目前，这会导致在DevTools控制台和netlog中出现ERR_FAILED错误，这很容易混淆，也很难调试，因为实际的网络错误也会出现该错误。此修补程序将错误更改为文件_存在，因此更清楚作业“失败”的原因。