当我的手机处于离线模式时，Angular pwa 应用程序无法打开，它也没有缓存内容

Question

我已经使用角度 7 创建了一个示例 PWA 应用程序，一切正常。但是当我在 android 中安装我的 PWA 并尝试在离线模式下打开我的应用程序时，我收到"无法连接到网站"。根据角度pwa的说法，即使我们处于离线状态，我们仍然应该打开应用程序吗？

预期成果 ：

即使我们处于离线模式，安卓中的 Angular pwa 也应该打开。

实际结果 ：

获取无法连接到网站弹出窗口

Answer 1

假设您遇到了与我相同的问题，则可能遇到了服务工作者问题。对我有用的解决方案是手动注册服务辅助角色。在你的 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