ionic4 - 在 ionic 4 中网络离线时显示模式

Question

我想在网络连接离线时显示模式。

我有这个工作功能，当网络在线或离线时对我说：

  verifyNetworkConnection() {
    this.networkService.isNetworkConnected
      .pipe(distinctUntilChanged())
      .subscribe(connected => {
        if (connected) {
          console.log('Online!');
        } else {
          console.log('Offline!');
          this.screenService.createModal(LostConnectionComponent);
        }
      });
  }

当连接离线时，我想显示一个模式，但我在控制台中收到此错误：

获取http://localhost:8100/0.js网络::ERR_INTERNET_DISCONNECTED

获取http://localhost:8100/164.js网络::ERR_INTERNET_DISCONNECTED

为什么我在离线时无法打开模式？

这是我的创建模式功能：

  public async createModal(component, componentProps?) {
    const modal = await this.modalCtrl.create({
      component,
      componentProps
    });
    return await modal.present();
  }

标签： ionic4