Angular 6.1.2 PWA无法正常工作

我尝试了互联网上有关如何将PWA添加到Angular项目的所有解决方案,但仍然在Chrome开发工具中,没有注册服务工作者.

我确实运行了添加@ angular / pwa,使用ng build –prod和http-server -o,但仍然没有注册服务工作者.它也没有添加@ angular / service-worker包,也没有像在整个互联网上所示的那样添加Manifest.json文件.

我还尝试使用预先安装了ng new myProject –service-worker的PWA创建一个新项目,但也无法正常工作.

我甚至尝试注册服务,如下所示：

if(导航器中的’serviceWorker’){
  window.addEventListener(‘load’,function(){
    navigator.serviceWorker.register( ‘/服务worker.js’);
  });

旁注：当我运行add @ angular / pwa时,我收到一条消息“Path’/ngsw-config.json’已经存在”,所以我发现该文件在@schematics包下.该脚本仅添加@ angular / pwa包,该包不会与Angular PWA文档相关.

这是我的环境：

Angular 6.1.2
Angular CLI: 6.1.3
Node 8.11.3
NPM  5.6.0

我需要做些什么来获得一个普通的PWA Angular项目？

解决方法

这是@ angular / pwa包的新版本,它有一些bug.所以运行ng @ angular / pwa @ 0.6.8对我来说非常合适.

要在本地测试服务工作者：如果已将Firebase添加到项目(托管),则可以运行ng build –prod,然后运行firebase服务.当你没有Firebase时,可以运行ng build –prod,cd到dist文件夹(取决于你的配置),然后运行http-server -o.如果您没有http-server模块,请通过运行npm i -g http-server来安装它