angular - firebase_app__WEBPACK_IMPORTED_MODULE_5__.app(...).functions 不是函数

Question

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

createPortalLink()正在工作的 js 代码导入到 Angular，但它会生成 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)

标签： angularfirebasegoogle-cloud-functions

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();