Programing

[부유 경고]:v-on 핸들러 오류: "TypeError: Object(...) (...).httpsCallable(...). 그러면 함수가 아님"

c10106 2022. 5. 23. 21:27
반응형

[부유 경고]:v-on 핸들러 오류: "TypeError: Object(...) (...).httpsCallable(...). 그러면 함수가 아님"

내 Vue 앱에서 이 Firebase Cloud functions를 호출하려고 하는데

exports.sayHi = functions.https.onCall((data, context) =>{
  return "hi";
});

이것은 가게에서 나의 행동이다.

import {
  getFirebaseDB,
  getFirebaseFunctions,
} from "../../helpers/firebase/authUtils";

reserveApt() {
    getFirebaseFunctions()
      .httpsCallable("sayHi")
      .then((result) => {
        console.log(result);
      });
  },

그리고 이건 내 조력자가../../도움말/소방서/authUtils:

import firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";
import "firebase/functions";

/**
 * Initilize the backend
 * @param {*} config
 */
const initFirebaseBackend = (config) => {
  if (!_fireBaseBackend) {
    _fireBaseBackend = new FirebaseAuthBackend(config);
    _db = firebase.firestore();
    _functions = firebase.functions();
  }
  return _fireBaseBackend;
};


/**
 * Returns the firebase backend
 */
const getFirebaseBackend = () => {
  return _fireBaseBackend;
};


/**
 * returns firestore db
 */
const getFirebaseDB = () => {
  if (!_db) {
    _db = firebase.firestore();
  }
  return _db;
};


/**
 * returns firebase functions
 */
const getFirebaseFunctions = () => {
  if (!_functions) {
    _functions = firebase.functions();
  }
  return _functions;
};


export {
  initFirebaseBackend,
  getFirebaseBackend,
  getFirebaseDB,
  getFirebaseFunctions,
};

Firebase가 적절하게 초기화되었고 auth 및 firestore와 같은 다른 모든 기능이 완벽하게 작동하지만, 이것을 호출할 때 다음과 같은 오류가 발생한다.

[Vue warn]: Error in v-on handler: "TypeError: Object(...)(...).httpsCallable(...).then is not a function"

found in

---> <Properties> at src/views/pages/property/properties.vue
       <App> at src/App.vue
         <Root>

그래서 분명히 그 기능을 부르는 것이 문제였다.이렇게 불러야 했다.

var reserve = getFirebaseFunctions().httpsCallable("sayHi");
    reserve().then((result) => {
      console.log(result);
    });

근데 왜 그런지 모르겠어!!

참조URL: https://stackoverflow.com/questions/69601773/vue-warn-error-in-v-on-handler-typeerror-object-httpscallable

반응형