Le Site ne peut pas être installé: pas de service de jumelage travailleur détecté

Hé, je suis en train de programmer mon premier pwa et ai le problème suivant:

lorsque je démarre mon application web j'obtiens l'erreur suivante:

Site ne peut pas être installé: pas de service de jumelage travailleur détecté. Vous pouvez avoir besoin de recharger la page, ou de vérifier que le travail du service pour la page en cours contrôle également le début d'une URL dans le manifeste

Je pense que mon manifeste url est droit parce que de ce lien

manifeste.json

"start_url": ".",
"display": "standalone",
"orientation": "portrait",
"theme_color": "#29BDBB",
"background_color": "#29BDBB"

et je inscrire mon sw comme ceci:

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./sw.js').then(function(reg) {
    console.log('Successfully registered service worker', reg);
}).catch(function(err) {
    console.warn('Error whilst registering service worker', err);
});
}

J'ai obtenu mon sw de la ici

Donc je suis en train de faire une simple application web qui je peux accueillir avec firebase.

Quel est le problème? Merci pour votre aide

  • Le protocole https:? Est <link href="manifest.json"> inclus au format HTML?
  • oui, vous pouvez trouver mon site dans la firebase lien (shoppinglist-ecea7.firebaseapp.com) et j'ai ajouté le lien de mon manifeste.json est dans le même dossier, comme mon index.html et mon firebase fichiers
  • A été en mesure de s'inscrire ServiceWorker mais pas sûr au sujet de web app portion plnkr.co/modifier/7CneKIN60FSNa1qt3TrY?p=preview
  • je vous remercie pour votre aide enfin enregistré mon ServiceWorker trop! que voulez vous dire par application de la partie? et dois-je le fetch() ? parce que j'ai fait le mien sans elle..
  • fetch() n'est pas nécessaire. Inclus pour vérifier si le processus a été exécuté comme prévu. N'ont pas déjà été au courant d'une manifest.json relatives à ServiceWorker, est l'application pour les applications mobiles seulement? Pas de manifeste a été inscrit à Application onglet
  • pas de l'application doit être pour toutes les plates-formes ce qui est de ma faute?
  • N'a pas de post qu'il y avait une faute. Tout simplement pas familier avec la procédure, ici.
  • bon alors qu'est-ce que la procédure familière? Je ne peux pas trouver une bonne documentation sur la pwa...
  • Comment est mon manifeste.json lié à mon sw?
  • Apparemment pas à tout ce qui en suis conscient.
  • Vous pouvez vous référer à cette lien qui a suggéré de mettre le manifeste.json à la racine du dossier de pas de dans les actifs/. Une fois dans le dossier racine du changement "start_url": "../index.php" à "start_url": ".". Voici une relative DONC post.

InformationsquelleAutor Johannes Gnadlinger | 2017-08-06
  1. 12

    Place le service de travailleur fichier de script à la racine de votre site web et de définir des start_url à /, ou de la placer où vous le souhaitez et utiliser le scope propriété et le Service-Worker-Allowed en-tête HTTP, comme dans mon autre réponse.

    • Lors de l'exécution de cette commande ng add @angular/pwa --project ng-zero où est le travailleur d'être installé ?
    • Ne pouvez-vous pas trouver le ngsw-worker.js fichier? Franchement, je n'ai pas d'expérience avec cet outil CLI
    • Il fonctionne maintenant très bien.
    • Le ngsw-config.json, qui construit le ngsw-worker.js est situé dans le dossier racine de votre angulaire de l'application
    InformationsquelleAutor Ashraf Sabry