NgZone no longer works

Question

My NgZone seems to no longer work.. I'm building an app using Ionic, Angular, and Firebase.

It produces an error:

Unhandled Promise rejection: Missing Command Error ; Zone: ; Task: Promise.then ; Value: Missing Command Error undefined

I've had it in my project for months, with no problems at all, and I use it in quite a few places, but all of a sudden it no longer works.

I import it normally:

import { Component, Input, NgZone, ViewChild, Injectable } from '@angular/core';

in the constructor

public zone: NgZone,

and then reference it like so:

this.zone = new NgZone({});

this.afAuth.auth.onAuthStateChanged((user) => {
  this.zone.run(() => {
    if (user) {
      this.rootPage = HomePage
    } else {
      this.rootPage = LoginPage
      console.log("Not logged in")
    }
    this.splashScreen.hide();
  });
});

But it doesn't work anymore...

My package.json calls the following dependency:

"zone.js": "0.8.18"

Any ideas what this might mean or what I should do? Thanks!

can you try to change it in the constructor to private instead of public? — Patricio Vargas, Sep 04 '18 at 00:15
https://stackoverflow.com/questions/38265963/unhandled-promise-rejection-when-rejecting-promise-in-angular-2 — Patricio Vargas, Sep 04 '18 at 00:18
@PatricioVargas thanks, but I'm not sure how that is helpful? — Simon, Sep 04 '18 at 00:38
Hey Jane, btw why do you need to use "zone" explicitly in here? Which version of AngularFire are you using? normally that should not require you to leverage "zone" as responses from firebase should be triggering change detection automatically. — Sergey Rudenko, Sep 04 '18 at 15:28

score 1 · Answer 1 · answered Sep 26 '18 at 06:33

please try to follow these steps:

1- import NgZone import { Component, NgZone, OnInit} from '@angular/core';

2- in constractor inside class constructor(private ngZone: NgZone) {}

3- remove this line this.zone = new NgZone({});

4- leave these lines of code as it

`this.afAuth.auth.onAuthStateChanged((user) => {
  this.zone.run(() => {
    if (user) {
      this.rootPage = HomePage
    } else {
      this.rootPage = LoginPage
      console.log("Not logged in")
    }
    this.splashScreen.hide();
  });
});`

try now....

NgZone no longer works

1 Answers1