Работник сервиса JavaScript не может зарегистрироваться - PullRequest
Новая
       4

Работник сервиса JavaScript не может зарегистрироваться

2 голосов
/ 17 марта 2019

У меня проблема с тем, чтобы заставить работника службы работать
Я пробовал много решений, но ничего не получалось
Я пытаюсь кэшировать файлы для автономного использования
Кстати, этовпервые я работаю с работниками сферы обслуживания

main.js : 

if ('serviceWorker' in navigator) {
   navigator.serviceWorker
   .register('/sw.js')
   .catch(function(err) {
   console.error(err);
});
}

sw.js : 

const files = [
  '/',
  '/index.html',
  '/restaurant.html',
  '/css/styles.css',
  '/js/dbhelper.js',
  '/js/main.js',
  '/js/restaurant_info.js',
  '/data/restaurants.json',
  '/img/1.jpg',
  '/img/2.jpg',
  '/img/3.jpg',
  '/img/4.jpg',
  '/img/5.jpg',
  '/img/6.jpg',
  '/img/7.jpg',
  '/img/8.jpg',
  '/img/9.jpg',
  '/img/10.jpg'
];

self.addEventListener('install', function(e) {
  e.waitUntil(
      caches.open('v1').then(function(cache) {
          return cache.addAll(files);
      })
  );
});

self.addEventListener('fetch', function(e) {
  e.respondWith(
      caches.match(e.request).then(function(response) {
          if (response) {
          console.log('Found ', e.request, ' in cache');
          return response;
      }
      else {
          console.log('Could not find ', e.request, ' in cache, FETCHING!');
          return fetch(e.request)
          .then(function(response) {
              const clonedResponse = response.clone(); 
              caches.open('v1').then(function(cache) {
                  cache.put(e.request, clonedResponse);
              })
              return response;
          })
          .catch(function(err) {
              console.error(err);
          });
      }
  })
  );
});

Эти файлы были обработаны с использованием python -m http.server

my console output

...