web-dev-qa-db-fra.com

Angular 6.1.2 PWA ne fonctionne pas

J'ai essayé toutes les solutions sur Internet pour ajouter PWA à un projet Angular, mais toujours dans Chrome Dev Tools, aucun technicien de maintenance n'a été enregistré.

J'ai exécuté ng add @angular/pwa, avec ng build --prod et http-server -o et toujours aucun technicien de service enregistré. Il n’ajoute pas non plus de fichier @ angular/service-worker et pas de fichier Manifest.json comme il se doit, comme il est indiqué sur tout l’Internet.

J'ai également essayé de créer un nouveau projet avec PWA préinstallé avec ng new myProject --service-worker, également ne fonctionnant pas.

J'ai même essayé d'enregistrer le service comme ci-dessous:

if ( 'serviceWorker' in navigator ) { window.addEventListener('load', function() { navigator.serviceWorker.register('/service-worker.js'); });

Remarque: lorsque j'exécute ng add @angular/pwa, le message "Le chemin d'accès" /ngsw-config.json "existe déjà", j'ai donc découvert que le fichier se trouve sous @schematics package. Le script ajoute uniquement un package @ angular/pwa , qui ne corrèle pas avec les documents PWA Angular.

Voici mon environnement:

Angular 6.1.2
Angular CLI: 6.1.3
Node 8.11.3
NPM  5.6.0

Que dois-je faire pour obtenir un projet simple PWA Angular?

angularprogressive-web-apps
4
deanwilliammills

C'est la nouvelle version du paquet @angular/pwa qui a quelques bugs. Donc, exécuter ng add @angular/[email protected] a parfaitement fonctionné pour moi.

Pour tester le technicien de maintenance localement: Si Firebase est ajouté à votre projet (hébergement), vous pouvez exécuter ng build --prod, puis firebase serve. Si vous n'avez pas Firebase, vous pouvez exécuter ng build --prod, cd dans le dossier dist (selon votre configuration), puis exécuter http-server -o. Si vous n'avez pas le module http-server, installez-le en exécutant npm i -g http-server

7
deanwilliammills

Essayez d’utiliser la console Angular: https://angularconsole.com/

Cela élimine beaucoup du besoin de savoir la logique de la cli.

C'est en version bêta mais cela devrait vous aider à créer la base de votre PWA. Faites un essai, il est construit à partir de l’équipe Nrwl qui construit également Nx, qui est une amélioration de l’angle/cli à l’aide de schémas

0
Nico