在React中调用Firebase HTTPS可调用云函数

Question

因此，我正在进行一个React项目，该项目使用Firebase来实现许多功能。现在我正在尝试在其中使用一些HTTPS可调用的函数

但我导入"firebase/functions"模块的方式似乎不正确。它给了我一个错误：

TypeError: Cannot read property 'httpsCallable' of undefined

以下是我如何进行导入和设置：

import app from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/functions';
const config = {
// the config info here
};
class Firebase {
constructor() {
app.initializeApp(config);
this.auth = app.auth();
this.db = app.firestore();
this.functions = app.functions();
}
// trying to call the function
doCreatePlanner = this.functions.httpsCallable('createPlanner')

有人能给我指正确的方向吗？

Answer 1

在构造函数中定义this.functions之前，您正试图访问它。为了消除错误消息，您可以将对httpsCallable的调用移动到构造函数中：

constructor() {
app.initializeApp(config);
this.auth = app.auth();
this.db = app.firestore();
this.functions = app.functions();
const doCreatePlanner = this.functions.httpsCallable('createPlanner')
}

这可能不是你想要做的，但无论如何，在定义this.functions之前，你不能使用它