Сервисная функция addAll () не работает - PullRequest
Новая
       8

Сервисная функция addAll () не работает

0 голосов
/ 12 октября 2018

Я пытаюсь создать прогрессивное веб-приложение и хочу использовать API-интерфейс кеширования для кеширования всех своих активов, и оно не работает.Всякий раз, когда я проверяю файл кэша, он всегда пуст.

Вот мой код: 

self.addEventListener('install', function(event) {
  console.log('[Service Worker] Installing Service Worker ...', event);
  event.waitUntil(
    caches.open('static')
      .then(function(cache) {
        console.log('[Service Worker] Precaching App Shell');
        cache.addAll([
          '/',
          'src/css/index.html',
          'src/css/app1.js',
          'src/css/fatch1.js',
          'src/css/feed1.js',
          'src/css/promise1.js',
          'src/css/material.min1.js',
          'src/css/app.css',
          'src/css/feed.css',
          'https://fonts.googleapis.com/css?family=Roboto:400,700',
          'https://fonts.googleapis.com/icon?family=Material+Icons',
          'https://cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.3.0/material.indigo-pink.min.css',
          'src/images/main-image.jpg'
          ]);
      })
  )
});

self.addEventListener('activate', function(event) {
  console.log('[Service Worker] Activating Service Worker ....', event);
  return self.clients.claim();
});

self.addEventListener('fetch', function(event) {
  console.log('[Service Worker] Fetching something ....', event);
  event.respondWith(
    caches.match(event.request).
    then(function(response){
            if (response) {
                return response;
            }else{
                return fetch(event.request);
            }
     })
    );
});
...