반응형
[부유 경고]: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);
});
근데 왜 그런지 모르겠어!!
반응형
'Programing' 카테고리의 다른 글
Vuex 글로벌 상태 변경이 Nuxt의 v-for 루프에서 리렌더 구성 요소를 트리거하지 않음 (0) | 2022.05.24 |
---|---|
java.net.URLEncoder.encode(스트링)가 더 이상 사용되지 않는데, 그 대신 무엇을 사용해야 하는가? (0) | 2022.05.24 |
링크된 목록에 노드를 추가할 때 이중 포인터를 사용하는 이유는? (0) | 2022.05.23 |
개인 최종 정적 속성 대 개인 최종 속성 (0) | 2022.05.23 |
Vuex Store - 볼 수 있도록 상태 저장소에서 데이터 가져오기 (0) | 2022.05.23 |