как использовать network.onDisconnect в ionic4

Question

Я использую ionic 4 в коде, использую сеть

, не работает network.onDisconnect () в моем проекте

Я добавляю импорт

ionic cordova plugin add cordova-plugin-network-information

и

npm install @ionic-native/network@5.9.0

не рабочий код:

this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
  alert("FirstPage onDisconnect");
},
(error) => {
  alert(error);
});
this.network.onConnect().subscribe(() => {
  console.log('network was connected :-)');
  alert("FirstPage onConnect");
},
(error) => {
  alert(error);
});

или код:

this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
  alert("FirstPage onDisconnect");
});
this.network.onConnect().subscribe(() => {
  console.log('network was connected :-)');
  alert("FirstPage onConnect");
});

или код:

  this.platform.ready().then(() => {
   this.network.onDisconnect().subscribe(() => {
    console.log('network was disconnected :-(');
    alert("FirstPage onDisconnect");
   });
   this.network.onConnect().subscribe(() => {
    console.log('network was connected :-)');
    alert("FirstPage onConnect");
   });
  });

или код:

 window.addEventListener('online', function() {
   alert("ONLINE");
 }, false);

 window.addEventListener('offline', function() {
   alert("OFFLINE");
 }, false);

или код:

document.addEventListener('online', function() {
  alert("ONLINE");
}, false);

document.addEventListener('offline', function() {
  alert("OFFLINE");
}, false);

ионная информация:

 Ionic:

   ionic (Ionic CLI)             : 4.12.0 
   Ionic Framework               : @ionic/angular 4.5.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

 Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova- 
   plugin-ionic-webview 4.1.0, (and 10 other plugins)

 System:

   NodeJS : v10.12.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

даже добавить импорт {Network} из '@ ionic-native / network / ngx';в app.module.ts добавить сеть провайдеров

как использовать this.network.onDisconnect () и this.network.onConnect () в моем проекте?

спасибо

Answer 1

Это правильный код:

  this.platform.ready().then(() => {
   this.network.onDisconnect().subscribe(() => {
    console.log('network was disconnected :-(');
    alert("FirstPage onDisconnect");
   });
   this.network.onConnect().subscribe(() => {
    console.log('network was connected :-)');
    alert("FirstPage onConnect");
   });
  });

Он должен быть запущен в конструкторе, где вы это называете?

Кроме того, почему вы специально нацелены на v5.9.0 изплагин?

Я бы просто использовал:

npm install @ionic-native/network