service-worker.js:1 GET http://localhost:8080/service-worker.js net::ERR_FILE_EXISTS
Run Code Online (Sandbox Code Playgroud)
这是我在注册服务工作者后每次刷新时得到的错误.我已确保service-worker.js文件存在于根目录中.此外,服务人员已注册并正常工作.但我仍然不断收到这个错误.我也在使用localhost.
这是我的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;
});
});
})
);
});
Run Code Online (Sandbox Code Playgroud)
script.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) …Run Code Online (Sandbox Code Playgroud)