В этом источнике есть один или несколько сервис-воркеров, однако страница не входит в область действия
Помогите мне настроить PWA для сайта. У меня показывает в Lighthouse ошибку: This origin has one or more service workers, however the page (https://worldplay.tk/) is not in scope. Сайт — https://worldplay.tk. Проект - https://glitch.com/edit/#!/worldplay. Как мне исправить эту ошибку? Что я делаю не так?
- App.js:
if ("serviceWorker" in navigator){
navigator.serviceWorker.register("src/js/sw.js")
.then(reg => console.log("Успешная регистрация"))
.catch(err => console.log("Произшла ошибка", err));
}
- Sw.js
const staticCacheName = "pwa-worldplay";
const assets = [
""
];
self.addEventListener("install", (evt) => {
evt.waitUntil(
caches.open(staticCacheName).then((cache) => {
console.log("Кэширование ресурсов оболочки");
cache.addAll(assets);
})
);
});
self.addEventListener("activate", (evt) => {
evt.waitUntil(
caches.keys().then((keys) => {
return Promise.all(
keys
.filter((key) => key !== staticCacheName)
.map((key) => caches.delete(key))
);
})
);
});
self.addEventListener("fetch", (evt) => {
evt.respondWith(
caches.match(evt.request).then((cacheRes) => {
return cacheRes || fetch(evt.request);
})
);
});
