В этом источнике есть один или несколько сервис-воркеров, однако страница не входит в область действия

Помогите мне настроить 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);
        })
      );
    });

lighthouse PWA


Ответы (0 шт):