What is the best way to handle disconnect for Ionic 4/Firebase

Question

I am running and developing an Ionic 4 application but I get plenty of console errors if the enable Disconnect on Chrome developer tools. What is the best way to handle this and stop the error generations?

[Edit] - Some errors

zone.js:3243 POST https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?database=projects%9e%2Fdatabases%2F(default)&VER=8&gsessionid=zS_Z186jbzIduyA8czPUNKQ3nDUeAStV&SID=6_aGSsvm--uKTRwIw6hLjQ&RID=45854&AID=18&zx=fotdumdzihh5&t=1 net::ERR_INTERNET_DISCONNECTED

zone.js:3243 POST https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?database=projects%89e%2Fdatabases%2F(default)&VER=8&gsessionid=zS_Z186jbzIduyA8czPUNKQ3nDUeAStV&SID=6_aGSsvm--uKTRwIw6hLjQ&RID=45854&AID=18&zx=6g8tdtpwagpv&t=2 net::ERR_INTERNET_DISCONNECTED

www.google.com/images/cleardot.gif?zx=k0fhnf17yuw:1 GET https://www.google.com/images/cleardot.gif?xxw net::ERR_INTERNET_DISCONNECTED

Can you please add some error logs which you are getting on Chrom ? — CodeChanger, Jun 03 '19 at 12:19
Those are the print statement from firebase plugin you can ignore as its based on your net connection. — CodeChanger, Jun 03 '19 at 12:30
The problem is that I'm trying to use the network listener and show a toast if disconnected. The toast shows if no errors are in console. Somehow it does not if I simulate disconnect. — Xerri, Jun 03 '19 at 12:52
Using Ionic Capacitor. Network.addListener('networkStatusChange'). — Xerri, Jun 03 '19 at 12:57

score 1 · Accepted Answer · answered Jun 04 '19 at 02:47

I had a similar issue with Firebase realtime database, where once the app goes offline there was a console log spam (caused by fb attempting to establish connection), where I had to use .goOffline() method provided by the SDK to prevent it.

With Firestore SDK there are similar methods:

Which you could call programmatically in the online/offline network listener callback. If you can share your particular implementation I could help you show how.

This led me to this post which solved the issue https://github.com/angular/angularfire2/issues/1510#issuecomment-375368755 — Xerri, Jun 04 '19 at 05:40

What is the best way to handle disconnect for Ionic 4/Firebase

1 Answers1