Angular集成Firebase Functions报错：app.functions is not a function

问题重现 #

调用Firebase Callable Functions时触发以下错误：

ERROR TypeError: app.functions is not a function
at angular-fire-compat-functions.js:32:29

已在AppModule中导入AngularFireFunctionsModule，Auth、Database模块可正常使用，注入AngularFireFunctions后调用httpsCallable时触发上述报错。

解决思路 #

1. 确认Firebase SDK依赖完整且版本兼容 #

compat模式下，@angular/fire/compat/functions依赖firebase/compat/functions，需确保已安装firebase包，且@angular/fire与firebase版本匹配：

• 执行依赖安装/更新命令：

npm install firebase @angular/fire

• 版本对应参考：
  • @angular/fire 7.x ↔ firebase 9.x
  • @angular/fire 6.x ↔ firebase 8.x

2. 全局导入Firebase Functions的compat SDK #

在app.module.ts顶部添加Firebase Functions compat模块的导入，确保AngularFire能正确调用底层SDK：

import 'firebase/compat/functions';

3. 验证AngularFireFunctionsModule的导入路径 #

确保AngularFireFunctionsModule从compat路径导入，而非非compat版本：

// 正确导入
import { AngularFireFunctionsModule } from '@angular/fire/compat/functions';

// 错误导入（需避免）
// import { AngularFireFunctionsModule } from '@angular/fire/functions';

4. 修正Callable函数调用语法 #

你的代码中参数传递存在语法错误，httpsCallable返回的函数接收参数对象，而非解构写法：

// 错误写法
callable(({ params }))
  .subscribe((result: any) => console.log(result));

// 正确写法
callable({ params: yourParamValue })
  .subscribe((result: any) => console.log(result));

5. （可选）指定Functions部署区域 #

如果你的Firebase Functions部署在非默认的us-central1区域，需在导入模块时指定区域：

@NgModule({
  imports: [
    // ...其他模块
    AngularFireFunctionsModule.forRoot({ region: 'asia-east2' }) // 替换为你的函数实际部署区域
  ]
})
export class AppModule {}

内容的提问来源于stack exchange，提问作者Wesley van S