Eu estou tentando chegar a minha PWA para trabalhar no modo offline. Até agora, servindo a todos os ficheiros a partir do localhost, mas o CSS não é processado. Todos os arquivos solicitados a partir do cache estão recebendo o status de 200. (javascript e html são totalmente funcional) Aqui do meu serviço-trabalhador de código.
self.addEventListener("install", (event) => {
event.waitUntil(
caches.open("v1").then((cache) => {
return cache.addAll([
"list of assets",
]);
})
);
});
self.addEventListener("fetch", function (event) {
event.respondWith(
caches.open("v1").then((cache) => {
if (event.request.url == "http://localhost:3000/") {
return cache
.match("http://localhost:3000/index.html")
.then((response) => {
console.log({ response });
return response;
});
} else {
try {
return cache.match(event.request).then((response) => {
console.log(response);
if (response != undefined) {
console.log({ response: "Loading asset from cache." });
return response;
} else {
let asset = fetch(event.request);
cache.add(asset);
return asset;
}
});
} catch (error) {
console.error(error);
}
}
})
);
});