Ajouter à Web App écran d'accueil » Installer bannière ne se présente pas dans mon application web et affiche l'erreur

Question

Voici le mon fichier manifest.json

{ 
    "short_name": "ponds.brandfans.co", 
    "name": "ponds.brandfans.co", 
    "icons": [{ 
     "src": "/images/logo/favicons/36x36.png", 
     "sizes": "36x36", 
     "type": "image/png", 
     "density": "0.75" 
    }, { 
     "src": "/images/logo/favicons/36x36.png", 
     "sizes": "48x48", 
     "type": "image/png", 
     "density": "1.0" 
    }, { 
     "src": "/images/logo/favicons/36x36.png", 
     "sizes": "72x72", 
     "type": "image/png", 
     "density": "1.5" 
    }, { 
     "src": "/images/logo/favicons/36x36.png", 
     "sizes": "96x96", 
     "type": "image/png", 
     "density": "2.0" 
    }, { 
     "src": "/images/logo/favicons/36x36.png", 
     "sizes": "144x144", 
     "type": "image/png", 
     "density": "3.0" 
    }, { 
     "src": "/images/logo/favicons/36x36.png", 
     "sizes": "192x192", 
     "type": "image/png", 
     "density": "4.0" 
    }], 
    "start_url": "/", 
    "display": "standalone", 
    "gcm_sender_id": "482941778795", 
    "background_color": "#2c3e50", 
    "theme_color": "#2c3e50" 
} 

Je reçois une erreur: « Site ne peut pas être installé: le la page ne fonctionne pas hors ligne " S'il vous plaît laissez-moi savoir si j'ai raté quelque chose?

Answer 1

Drôle, vous avez posé cette question. Je rendais une vidéo qui répond à cette question :) https://youtu.be/xvLnmdjgEWY

Votre responsable de service a besoin d'un gestionnaire d'événements de récupération.

Answer 2

Comme on le voit dans le blog et la vidéo de Chris amour, vous devez ajouter à votre service worker code javascript:

self.addEventListener("fetch", function(event) {}); 

(Pour moi, le dossier du travailleur de service (sw.js) ne contient que cette ligne)