Вызов вызываемых облачных функций Firebase HTTPS в React

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, пока не определите его.