angular / angular/angularfire

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

オープン
#3,649 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
7.8k
フォーク
2.2k
平均マージ
22時間 28分
マージ済み PR(30日)
6

説明

## 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)

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

`ng add @angular/fire`を実行してAuthentication、Firestore、Realtime Databaseを選択し、新しいAngular 19アプリケーションで警告を再現します。`punycode`警告の発生源を特定するため、schematicの依存関係のインストールと設定出力を調査します。この非推奨警告が表示されずにセットアップが完了すれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, firebase, node.js, typescript
領域
cli, tooling
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。