Skip to main content
título editado
Enlace
user128299
user128299

Proyecto de una PWA de ejemplo Uncaught (in promise) TypeError: Failed to execute 'Cache' on 'addAll': Request failed

Origen Enlace

Proyecto de una PWA de ejemplo

En un curso de PWA que estoy realizando, se hizo un ejercicio sobre la construccion de esta APP.

Cuando coloco el codigo, igual al manual de la MDN, me aparece la informacion que se escribe en la clase, sin embargo, cuando ejecuto el programa, me sale el siguiente error

Uncaught (in promise) TypeError: Failed to execute 'Cache' on 'addAll': Request failed

Parece un simple error de syntxis, pero las referencias del MDN estan iguales al codigo. Dejo mi codigo y las referencias del MDN que estoy utilizando. Referencia del MDN que estoy utilizando https://developer.mozilla.org/en-US/docs/Web/API/Cache/addAll

Alguno sabe que puede estar sucediendo o donde esta el error? Esoty usando chrome como navegador.

const nombreCache = 'apv-v1';
const archivos = [
    '/',
    '/index.html',
    '/css/bootstrap.css',
    '/css/styles.css',
    '/js/app.js',
    '/js/apv.js'
];


// cuando se instala el Service Worker
self.addEventListener('install', e => {
    console.log('instalado el Service Worker');

    e.waitUntil(

        caches.open(nombreCache) 
            .then( cache => {
                console.log('cacheando');
                return cache.addAll(archivos);
            }) )
    

});

self.addEventListener('activate', e => {
    console.log('Service Worker Activado');

    console.log(e);


});


// Evento fetch para descargar archivos estaticos

self.addEventListener('fetch', e => {
    console.log('Fetch...', e);

})

Si parece un poco confusa mi peticion, dejo aqui el link del proyecto para que pueda correrlo y revisarlo. No esta en repositorio aun, es de ejercicio.

https://we.tl/t-3e9Z5WwA2a