angular / angular/angularfire

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

Open
#3,649 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
7.8k
Forks
2.2k
Avg merge
22h 28m
Merged PRs (30d)
6

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](https://github.com/user-attachments/assets/dc4a41fe-980c-4d92-8e4c-4cf4002510a9)

**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:
```bash
ng new my-angular-app
cd my-angular-app
```
2. Run the `ng add @angular/fire` schematic:
```bash
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](https://github.com/user-attachments/assets/8bdb33ef-8a3d-474a-8b9e-f20e83242f2c)

Contributor guide

Open the contributing guide

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.

Assessment

Tech stack
angular, firebase, node.js, typescript
Domain
cli, tooling
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.