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}

然后我试图只在我想要的地方导入 auth 对象，但它似乎是这种模式的 firebase sdk 对象，因为它认为我导入的内容超出了我的需要。 IDK 也许这仍然可以工作，但只要我直接以每个文件为基础导入，警告消息就消失了。