使用typescript中的web sdk使用firebase函数

我试图直接从 javascript SDK调用firebase函数,并且firebase上没有定义functions属性.

我已更新到firebase模块的4.12.1版本

我正在使用typescript并导入模块,如下所示

import * as firebase from 'firebase';

import * as functions from 'firebase/functions';

我试图调用我的功能：

firebase.functions().httpsCallable('myFunc')(payload)

这导致编译器错误：

Property ‘functions’ does not exist on type ‘typeof firebase’.

根据文档,它们应该如何被称为：https://firebase.google.com/docs/functions/callable

如果我用常规导入替换导入一切正常

const firebase = require('firebase');

const functions = require('firebase/functions');

类型定义是否存在已知问题,或者我在这里做错了什么？

解决方法

我遇到了同样的问题……

看起来firebase JS SDK的当前版本4.12.1中的@firebase / *类型包存在问题.它们根本不包含在node_modules / firebase / app / index.d.ts和node_modules / firebase / index.d.ts中.似乎有一个branch “build-fixes” that target that issue.

更新：分支已合并,但无法修复.我在这里添加了一个专用的pull请求：最近合并的https://github.com/firebase/firebase-js-sdk/pull/724,期望下一个版本中的更改> 4.13.1

我通过将https://github.com/mpoehler/firebase-js-sdk/blob/master/packages/functions-types/index.d.ts中的Type声明添加到node_modules / firebase / app / index.d.ts来修复它.这样做我可以使用以下代码,没有错误,并在VSC中键入建议.

import * as firebase from 'firebase/app';
import '@firebase/functions';

firebase.initializeApp({
...
});

// call function
let func = firebase.functions().httpsCallable('myFunc');
func({text: 'huch'}).then(result => console.log('...and returned!'));

这是一个肮脏的黑客而不是解决方案,我希望上面提到的PR很快就会合并.

根据@jbb的要求,以下是node_modules / firebase / app / index.d.ts中需要的重要部分：

declare namespace firebase {
   ....
   function functions(app?: firebase.app.App): firebase.functions.FirebaseFunctions;
   ...
}

declare namespace firebase.app {
   interface App {
   ...
   functions(): firebase.functions.FirebaseFunctions;
   ...
   }
}

declare namespace firebase.functions {
  export interface HttpsCallableResult {
    readonly data: any;
  }
  export interface HttpsCallable {
    (data?: any): Promise<HttpsCallableResult>;
  }
  export class FirebaseFunctions {
    private constructor();
    httpsCallable(name: string): HttpsCallable;
  }
  export type FunctionsErrorCode =
    | 'ok'
    | 'cancelled'
    | 'unknown'
    | 'invalid-argument'
    | 'deadline-exceeded'
    | 'not-found'
    | 'already-exists'
    | 'permission-denied'
    | 'resource-exhausted'
    | 'failed-precondition'
    | 'aborted'
    | 'out-of-range'
    | 'unimplemented'
    | 'internal'
    | 'unavailable'
    | 'data-loss'
    | 'unauthenticated';
  export interface HttpsError extends Error {
    readonly code: FunctionsErrorCode;
    readonly details?: any;
  }
}