firebase_app__WEBPACK_IMPORTED_MODULE_5__.app(..).functions不

Question

"@angular/core": "~9.1.2",
"@angular/fire": "^5.1.1",
"firebase": "^7.24.0",

createPortalLink()正在处理导入到angular的js代码，但它生成了TypeError。如何修复TypeError？

TypeError：firebase_app__WEBPACK_IMPORTED_MODULE_5__.app(…(.functions不是函数

import * as firebase from 'firebase/app';
async createPortalLink() {
// Call billing portal function
const functionLocation = 'us-central1';
const functionRef = firebase
.app()
.functions(functionLocation)
.httpsCallable('ext-firestore-stripe-subscriptions-createPortalLink');
const { data } = await functionRef({ returnUrl: window.location.origin });
window.location.assign(data.url);
}

core.js:6210 ERROR Error: Uncaught (in promise): TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_5__.app(...).functions is not a function
TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_5__.app(...).functions is not a function
at BillingService.<anonymous> (billing.service.ts:52)
at Generator.next (<anonymous>)
at tslib.es6.js:73
at new ZoneAwarePromise (zone-evergreen.js:960)
at __awaiter (tslib.es6.js:69)
at BillingService.callBillingPortalFunction (billing.service.ts:47)
at BillingComponent.<anonymous> (billing.component.ts:77)
at Generator.next (<anonymous>)
at tslib.es6.js:73
at new ZoneAwarePromise (zone-evergreen.js:960)
at resolvePromise (zone-evergreen.js:798)
at zone-evergreen.js:705
at rejected (tslib.es6.js:71)
at ZoneDelegate.invoke (zone-evergreen.js:364)
at Object.onInvoke (core.js:41731)
at ZoneDelegate.invoke (zone-evergreen.js:363)
at Zone.run (zone-evergreen.js:123)
at zone-evergreen.js:857
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:41709)

Answer 1

您需要import 'firebase/functions'；

像这个

import * as firebase from 'firebase/app';
import 'firebase/functions';
async createPortalLink() {
// Call billing portal function
const functionLocation = 'us-central1';
const functionRef = firebase
.app()
.functions(functionLocation)
.httpsCallable('ext-firestore-stripe-subscriptions-createPortalLink');
const { data } = await functionRef({ returnUrl: window.location.origin });
window.location.assign(data.url);
}

或者试试这个(取决于您的版本(：

import * as functions from 'firebase-functions';
import * as admin from 'firebase-admin';
import 'firebase-functions';
admin.initializeApp();