Angular 6.1.2 PWA 不工作

Question

我尝试了互联网上所有关于如何将 PWA 添加到 Angular 项目的解决方案，但仍然在 Chrome Dev Tools 中，没有注册服务 worker 。

我确实运行了 ng add @angular/pwa，使用 ng build --prod 和 http-server -o 仍然没有服务 worker 注册。它也没有添加 @angular/service-worker 包，也没有 Manifest.json 文件，就像它应该在整个互联网上显示的那样。

我还尝试使用预装了 ng new myProject --service-worker 的 PWA 创建一个新项目，但同样无法正常工作。

我什至试过像下面这样注册服务:

if(导航器中的'serviceWorker'){
window.addEventListener('load', function() {
navigator.serviceWorker.register('/service-worker.js');
});

旁注:当我运行 ng add @angular/pwa 时，我收到一条消息“Path '/ngsw-config.json' already exist”，所以我发现该文件位于 < em>@schematics 包。该脚本只添加了一个 @angular/pwa 包，它与 Angular PWA 文档无关。

---

这是我的环境:

Angular 6.1.2
Angular CLI: 6.1.3
Node 8.11.3
NPM  5.6.0

---

我需要做什么才能获得普通的 PWA Angular 项目？

Answer 1

这是新版本的@angular/pwa包，有一些bug。所以运行 ng add @angular/pwa@0.6.8 非常适合我。

在本地测试 Service Worker:如果您将 Firebase 添加到您的项目(托管)，您可以运行 ng build --prod，然后运行 ​​firebase serve。当你没有 Firebase 时，你可以运行 ng build --prod，cd 到 dist 文件夹(取决于你的配置)然后运行 ​​http-server -o .如果您没有 http-server 模块，请通过运行 npm i -g http-server

安装它