angular - Angular Progressive Web App（PWA）离线不起作用

Question

根据官方文档，我尝试在离线环境下搭建一个 PWA 工作，我可以用没有 angular-cli 的纯 PWA 做到这一点。

但是我按照官方文档，它不能离线运行。就是那个文档 https://angular.io/guide/service-worker-getting-started#getting-started-with-service-workers

我的 angular-cli 版本：@angular/cli@8.3.17

我的代码https://github.com/unnhao/pwa-test

Answer 1

尝试手动注册 service worker。在您的 src/main.ts 中更改以下内容：

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

至.........

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
  if ('serviceWorker' in navigator && environment.production) {
    navigator.serviceWorker.register('/ngsw-worker.js');
  }
}).catch(err => console.log(err));

抱歉格式化，这是我的第一个正式答案。我遇到了同样的问题并尝试了很多不同的东西。这是唯一对我有用的解决方案。我最初在这里找到了解决方案：https ://github.com/angular/angular-cli/issues/13351