tengo este error no se que seraUncaught (in promise) TypeError: Failed to execute ‘Cache’ on ‘addAll’: Request failed dejo mi codigo <cod...

Pregunta de la clase:
Service Workers
Sebastián Buitrago

Sebastián Buitrago

Pregunta
studenthace 4 años

tengo este error no se que seraUncaught (in promise) TypeError: Failed to execute ‘Cache’ on ‘addAll’: Request failed

dejo mi codigo

const VERSION = "v1" self.addEventListener("install", event => { event.waitUntil(precache()) }) self.addEventListener("fetch", event => { const request = event.request // get if (request.method === "GET") { return } // buscar en cache event.respondWith(cachedResponse()) }) async function precache() { const cache = await caches.open(VERSION) return cache.addAll([ '/', '/index.html', '/assets/index.js', '/assets/MediaPlayer.js', '/assets/plugins/AutoPlay.js', '/assets/plugins/AutoPause.js', '/assets/index.css', '/assets/BigBuckBunny.mp4', ]) } async function cachedResponse(request) { const cache = await caches.open(VERSION) const response = await cache.match(request) return response || fetch(request) }

files.png

2 respuestas
para escribir tu comentario
    Sebastián Buitrago

    Sebastián Buitrago

    studenthace 4 años

    El error era que no estaba pasando el parametro request aqui

    event.respondWith(cachedResponse())
    Luis Lira

    Luis Lira

    studenthace 4 años

    Esto solo significa que está teniendo algún problema con la petición en la caches.open. Pon eso en un try/catch a ver qué error te arroja para que puedas ir debugeando.

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.