执行ng add @angular/fire报错：无效项目ID（f_test）求助

环境信息 #

Angular CLI: 17.3.1
Node: 18.17.1
Package Manager: npm 9.8.1
OS: win32 x64

Angular: 17.3.1

@angular/fire                   17.0.1
@schematics/angular             17.3.1
rxjs                            7.8.1
typescript                      5.4.3
zone.js                         0.14.4

问题描述 #

新建Angular项目后执行ng add @angular/fire，选择Firestore功能并完成账号选择后，系统返回错误："Invalid project id: 我的Angular项目目录名称"，无法完成配置。

解决方法 #

1. 命令行直接指定Firebase项目ID #

跳过交互式流程中可能的项目ID识别错误，直接在命令里明确指定你的Firebase项目ID：

ng add @angular/fire --project <你的Firebase项目ID>

执行后仍可选择需要配置的Firebase功能（比如Firestore），工具会正确使用你指定的项目ID，不会再把目录名当成项目ID。

2. 提前通过Firebase CLI关联项目 #

先安装Firebase CLI并完成项目初始化：

• 全局安装Firebase CLI：

  npm install -g firebase-tools
  

• 登录Firebase账号：

  firebase login
  

• 在Angular项目目录下初始化Firestore（选择对应的Firebase项目ID）：

  firebase init firestore
  

完成以上步骤后再执行ng add @angular/fire，工具会自动识别已关联的Firebase项目，避免ID混淆问题。

3. 检查并修改项目目录名称 #

如果项目目录名称包含空格、中文或特殊字符，可能导致工具误识别为项目ID。建议将目录重命名为仅包含英文、数字和连字符的名称，之后重新执行ng add @angular/fire。

内容的提问来源于stack exchange，提问作者SergioDe