Running FCM on IP stops Angular rendering

Open
#3,672 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 3 days

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
42/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
angular, firebase, typescript
Domain
frontend

Research direction

Start at the provideMessaging(() => getMessaging()) entry point and reproduce the issue while serving the app on a non-127.0.0.1 IP. Trace the initialization failure that leads to the unsupported-browser error; done means the app continues rendering without Firebase Messaging halting it in that environment.

Written by the indexing model from the issue text.

Description

I need to sometimes run my app on IP for mobile testing etc, and this used to work fine in Angular 16 since firebase would just ignore IPs but now, since Angular 20, I get:

TypeError: Cannot read properties of undefined (reading 'addEventListener')

eventually failing with

FirebaseError: Messaging: This browser doesn't support the API's required to use the Firebase SDK. (messaging/unsupported-browser).

But not before it halts the whole app and stops it rendering.

This should just not do anything when it detect a none 127.0.0.1 IP as it did before, seems like there has been a regression bug somewhere.

Specifically the issue provider is:

provideMessaging(() => getMessaging()),
Dominant language
TypeScript
Stars
7.8k
Forks
2.1k
Avg merge
2d 22h
Merged PRs (30d)
25

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from angular/angularfire

All issues in angular/angularfire

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.