J'essaie d'obtenir mon PWA de travailler en mode hors connexion. Jusqu'à présent, c'est de servir tous les fichiers à partir de localhost, mais le CSS ne sont pas rendus. Tous les fichiers requis à partir du cache de l'obtention du statut de 200. (javascript et html sont pleinement fonctionnelle) Voici mon service-travailleur code.
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);
}
}
})
);
});