My Service Worker не загружает страницу в автономном режиме, и манифест не получен

Question

Я создаю прогрессивный веб-сайт www.seta-capital.com, на инспекторе я не получаю никакой ошибки, я вижу регистрацию сервисного работника, но веб-сайт не загружается в автономном режиме, инструмент Lighthouse сообщает, что нет сервисаработник присутствует и манифест не получен.Скажите, пожалуйста, что я делаю что-то не так?

Я создал свой очень простой файл manifest.json

{
  "short_name": "Seta",
 "name": "Seta Capital",
"icons": [
{
  "src": "../img/logo_no_writing.png",
  "type": "image/png",
  "sizes": "192x192"
},
{
  "src": "../img/logo_no_writing.png",
  "type": "image/png",
  "sizes": "512x512"
 }
],
 "start_url": "/",
 "background_color": "#3367D6",
 "display": "standalone",
 "scope": "/",
 "theme_color": "#3367D6"
}

. В моем index.php я добавил скрипт для поиска json * 1006.*

И я добавил сервисный скрипт регистрации работника:

<script>
if('serviceWorker' in navigator) {
  navigator.serviceWorker
           .register('../js/sw.js')
           .then(function() { console.log("Service Worker Registered"); 
 });
 }
 </script>

Наконец, мой файл sw.js:

self.addEventListener('install', function(e) {
 e.waitUntil(
   caches.open('setacapital').then(function(cache) {
     return cache.addAll([
       '../',
       '../index.php',
       '../css/Formcss.css',
       '../js/jquery-2.1.0.min.js',
       '../js/circle-progress.min.js',
       '../css/Formcss2.css',
       '../img/bg.jpg',

     ]);
   })
 );
});

self.addEventListener('fetch', function(event) {
 console.log(event.request.url);

 event.respondWith(
   caches.match(event.request).then(function(response) {
    return response || fetch(event.request);
   })
);
});

Answer 1

это не сработает.

Ваш index.php, вероятно, является сложным , динамически создающим файл .. в зависимости от множества других кодов php и запросов к базе данных.

вам нужно будет кэшировать предварительно обработанный файл, например, файл index.html.