Tengo un problema con las aplicaciones web progresivas. Tengo una aplicación y el trabajador del servicio está registrado correctamente. Puedo descargar la aplicación. Sin embargo, solo index.html funciona sin conexión y no todas las demás subpáginas. Sin embargo, los he agregado en la matriz para guardar. En Windows funciona bien. Solo en el teléfono inteligente no lo hace. Mi navegador predeterminado es el navegador Samsung (teléfono inteligente Samsung) ¿Qué puedo hacer? ¿Tienes alguna idea?

Aquí está mi registro en index.hmtl:

 if ("serviceWorker" in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register( "./SW.js").then( function(erfolg) { console.log( "ServiceWorker wurde registriert.", erfolg); } ).catch( function(fehler) { console.log( "ServiceWorker wurde leider nicht registriert.", fehler); } ); }); }

Aquí está mi SW.js con los eventos para el trabajador del servicio:

 const contentToCache = [ '/index.html', '/Upload.html', '/Save.html', '/Routing.js', '/LocalStorageService.js' ]; self.addEventListener('install', (e) => { console.log("[SERVICE WORKER] INSTALL DATA"); e.waitUntil((async () => { const cache = await caches.open("Baum-App"); await cache.addAll(contentToCache); })()); }); self.addEventListener('fetch', (e) => { e.respondWith((async () => { const r = await caches.match(e.request); console.log(`[Service Worker] Fetching resource: ${e.request.url}`); if (r) { return r; } const response = await fetch(e.request); const cache = await caches.open("Baum-App"); console.log(`[Service Worker] Caching new resource: ${e.request.url}`); cache.put(e.request, response.clone()); return response; })()); });

Ejecuté la aplicación en Windows y funciona allí. Lo he intentado mucho, pero desafortunadamente todavía no sé mucho al respecto.