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

Posted 2023-02-22

【中文标题】firebase_app__WEBPACK_IMPORTED_MODULE_5__.app(...).functions 不是函数

【英文标题】：firebase_app__WEBPACK_IMPORTED_MODULE_5__.app(...).functions is not a function

【发布时间】：2021-03-09 20:06:57

【问题描述】：

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

createPortalLink() 正在工作的 js 代码导入到 Angular，但它会生成 TypeError。如何修复 TypeError？

TypeError:

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)

【问题讨论】：

问题是什么？

【参考方案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();