Question

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

预期结果：

即使我们处于离线模式，Android中的角度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

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

1 个答案: