Service-Worker: Les fichiers distants ne sont pas mis en cache

Question

Je tente de mettre en cache des fichiers statiques et distants dans mon application Web progressive.

Les fichiers statiques sont mis en cache, mais pas les fichiers distants.

browser caching of static & remote files

Voici le code:

self.addEventListener('install', e => { 
    e.waitUntil(
     caches.open('offline') 
     .then(cache => cache.addAll([ 
      '/', 
      'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', 
      'https://code.jquery.com/jquery-3.2.1.js', 
      'scripts/firebase.js', 
      'scripts/localForage.js', 
      'old-index.html', 
      'scripts/main.js', 
     ])) 
    ); 
}); 

Merci à l'avance

Voici le code mis à jour

var filesToCache = [ 
    '.', 
    "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css", 
    'https://code.jquery.com/jquery-3.2.1.js', 
    'scripts/firebase.js', 
    'scripts/localForage.js', 
    'cce.html', 
    'scripts/main.js', 
    'scripts/secondary.js', 
    'https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css' 
]; 

var staticCacheName = 'pages-cache-v1'; 

self.addEventListener('install', function(event) { 
    console.log('Attempting to install service worker and cache static assets'); 
    event.waitUntil(
    caches.open(staticCacheName) 
    .then(function(cache) { 
     return cache.addAll(filesToCache); 
    }) 
); 
}); 

Answer 1

Je suppose que vous n'utilisez pas le même format que dans ce documentation. Voici un exemple de code de cette thread:

self.addEventListener('install', function(e) { 
    e.waitUntil(
    caches.open('airhorner').then(function(cache) { 
     return cache.addAll([ 
     'https://paul.kinlan.me/' 
     ]); 
    }) 
); 
});