angular/angularfire

this.scheduler.notify is not a function in Angular Fire with Angular 19.1.4

riya-amemiya opened this issue · 9 comments

riya-amemiya commented

After updating Angular and related packages, getting error "this.scheduler.notify is not a function" when using Angular Fire. Need help identifying exact reproduction steps.

Updated to (Not Working)

  • @angular/core: 19.1.4
  • @angular/fire: 19.0.0
  • zone.js: 0.15.0

Previously Working with

  • @angular/core: 18.2.2
  • @angular/fire: 18.0.1
  • zone.js: 0.14.10

Error Stack

this.scheduler.notify is not a function
    at core.mjs:6165:28
    at cleanupTask (rxjs-interop.mjs:281:17)
    at Object.next (rxjs-interop.mjs:287:21)
    at ConsumerObserver.next (Subscriber.js:91:33)
    at SafeSubscriber._next (Subscriber.js:60:26)
    at SafeSubscriber.next (Subscriber.js:31:18)
    at observeOn.js:6:130
    at AsyncAction.<anonymous> (executeSchedule.js:3:9)
    at angular-fire.mjs:72:26
    at _ZoneDelegate.invoke (zone.js:369:28)

Question
Can anyone help identify the exact steps to reproduce this error? What operations/methods trigger this specific error?

  • Error occurs immediately on the top page without any user interaction
  • Application is running with SSR enabled
  • Error only appears on client-side, not during SSR

core.mjs:6165:28
cleanupTask (rxjs-interop.mjs:281:17)
SafeSubscriber.next (Subscriber.js:31:18)
executeSchedule.js:3:9
angular-fire.mjs:72:26

google-oss-bot commented

This issue does not seem to follow the issue template. Make sure you provide all the required information.

riya-amemiya commented

I'll share a minimal reproduction repository once I can create one

LanderBeeuwsaert commented

@riya-amemiya you're not the only one
#3592
it seems to have to do with Auth for us, but I was not able to easily create a minimal repro.
We're not using SSR

  • 👍1
  • ❤️1
  • 👀1
LanderBeeuwsaert commented

@riya-amemiya if you would be able to make a minimal repro that would be great. I've tried but I haven't succeeded. But also the angular team requested a reproduction to be able to look into fixing this.

riya-amemiya commented

@LanderBeeuwsaert

Thank you for sharing the information. While I'm not sure if I can reproduce it, I will do my best to help ensure that everyone, including myself, can update to Angular v19 without any issues.

  • 🎉1
DougieBoi227 commented

I'm getting the same issue. What's weird is I don't get this error with local dev env but I do when deploy to prod (firebase hosting)

LanderBeeuwsaert commented

I've been able to make a minimal reproduction:
https://github.com/LanderBeeuwsaert/notify-scheduler-issue2

  • 🎉1
riya-amemiya commented

Thank you for creating a minimal reproduction repository!

Davileal commented

Hey everyone!

After upgrading to Angular 19.1.x, zone.js 0.15.0 and @angular/fire 19.0.0, the app crashes because a small helper inside Angular is missing after the build, so when AngularFire tries to run it, the error appears:

this.scheduler.notify is not a function

The bug was fixed in newer patch versions.

Package Install at least
@angular/core 19.2.1 (or any 20.x)
zone.js 0.15.2
@angular/fire 19.1.0

How to fix it

  1. Delete old installs
rm -rf node_modules package-lock.json pnpm-lock.yaml yarn.lock
  1. Update the packages
 npx ng update @angular/core@19 @angular/cli@19 \
              @angular/fire@19 zone.js@0.15