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

【问题标题】：Angular Progressive Web App(PWA) offline not workAngular Progressive Web App（PWA）离线不起作用
【发布时间】：2020-01-10 02:15:27
【问题描述】：

根据官方文档，我尝试在离线环境下搭建一个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

【问题讨论】：

向我们展示您的代码
@Tony Ngo github.com/unnhao/pwa-test
我的answer 能解决您的问题吗？
还是不行。
你在本地主机上运行你的项目吗？让我们构建 --prod。

标签： angular typescript angular-cli progressive-web-apps

【解决方案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

【讨论】：