DeprecationWarning: The 'punycode' module is deprecated when running ng add @angular/fire

Open
#3,649 2 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
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
angular, firebase, node.js, typescript
Domain
cli, tooling

Research direction

Reproduce the warning in a new Angular 19 application by running ng add @angular/fire and selecting Authentication, Firestore, and Realtime Database. Inspect the schematic's dependency installation and configuration output to identify the source of the punycode warning; done means the setup completes without that deprecation warning.

Written by the indexing model from the issue text.

Description

DeprecationWarning: The 'punycode' module is deprecated when running ng add @angular/fire

Description:

When adding @angular/fire to a new Angular 19 application using the ng add @angular/fire schematic, a DeprecationWarning related to Node.js's punycode module is displayed.

Image

Versions:

  • Angular CLI: (Please specify, e.g., 19.x.x)
  • Angular Core: (Please specify, e.g., 19.x.x)
  • @angular/fire: (Please specify the version installed by ng add, check package.json)
  • Node.js: (Please specify, e.g., v18.x.x, v20.x.x)
  • firebase-tools: 14.2.2 (as per the log)

Steps to Reproduce:

  1. Create a new Angular 19 application:
    ng new my-angular-app
    cd my-angular-app
    
  2. Run the ng add @angular/fire schematic:
    ng add @angular/fire
    
  3. During the installation and setup process, select the following Firebase features when prompted:
    • Authentication
    • Firestore
    • Realtime Database

Expected Behavior:

The ng add @angular/fire schematic should complete without displaying deprecation warnings related to Node.js modules.

Current Behavior:

During the execution of the schematic, after selecting Firebase features and while dependencies are being installed or files are being configured, the following warning appears in the console:

Image

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.