Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#3,649 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

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

調査の方向性

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

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

説明

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

主要言語
TypeScript
スター
7.8k
フォーク
2.2k
平均マージ
3日 6時間
マージ済み PR(30日)
5

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

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

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

angular/angularfire のほかの issue

angular/angularfire の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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