PWA在angular9中的实现

我在Angular 9中实现了PWA，因为当我们生成生产构建时，会在dist文件夹中自动生成ngsw-worker.js文件，所以需要再次创建单独的sw.js文件

我在项目中没有app.js文件，所以我们可以在main.ts或app.component.ts中添加该功能

---

据我所知，你的问题是，你应该在哪里注册你的服务人员？（如果我错了，请纠正我）

–注册服务人员的理想方式是在

app.module.ts

文件中。如果您使用的是

angular/cli

，则此问题将得到解决。（有关更多信息，您可以参考他们的文档。）

–您也可以在

main.ts

文件或任何您想要的地方（任何ts文件）注册服务人员。（这种方法不受欢迎）

---

好的，谢谢。。我应该在main.ts或app.component.ts中添加PWA indexedDB方法（获取、删除）吗。？你能给出一些例子/演示吗。

  . . .

  if ('serviceWorker' in navigator) {
    // you can specify environment in IF CONDITION as per requirement
    navigator.serviceWorker.register('/ngsw-worker.js');
  }