Typescript 类型为 Firebase

Question

我希望能够引用 IdTokenResult 的接口，这样我就可以在下面的代码中使用。

export interface AppContextProps {
  token: firebase.auth.IdTokenResult | undefined,
  updateAppContext(newContext: any): void | undefined,
}

如果我像这样导入 firebase 几乎所有在线文档都推荐

import firebase from "firebase/app"
import "firebase/auth"
import "firebase/database"
import "firebase/firestore"
import "firebase/firebase-storage"

我不知道如何访问该接口，因为 firebase.auth.IdTokenResult 似乎不存在。 但是，如果我像这样导入 firebase ......

import firebase from "firebase"

我能够访问我想要的界面，但我在浏览器中收到有关在开发模式下运行 firebase 的警告。 我怎样才能正确地做我想做的事？

Answer 1

似乎我想使用 firebase 的每个文件都需要做......

import firebase from "firbase/app
import "firebase/<whatever>

为了避免在任何地方都这样做，我正在做这样的事情......

import firebase from "firbase/app
import "firebase/auth"
import "firebase/database"
import "firebase/firestore"
import "firebase/firebase-storage"

const auth: firebase.auth.Auth = firebase.auth()
const storage: firebase.storage.Storage = firebase.storage()
const app: firebase.app.App = firebase.app()
export {auth, storage, app}

然后我试图将身份验证 object 导入到我想要的地方，但似乎 firebase sdk 对象到这个模式，因为它认为我导入的比我需要的多。 IDK 也许这仍然可以工作，但只要我直接以每个文件为基础导入，警告消息就消失了。