reactjs - firebase.initializeApp 不是函数

Question

我正在尝试在 React 中创建一个站点，并且我使用 npm i firebase --save 添加了 Firebase 库

然后我试图在我的应用程序中调用它，但我没有太多乐趣:

import * as firebase from "firebase";

const instance = firebase.initializeApp({
  apiKey: '123',
  authDomain: 'https://123.firebaseapp.com/',
  databaseURL: 'https://123.firebaseio.com/'
});

export default instance;

无论我尝试什么，它都会抛出:

firebase.initializeApp is not a function

我已经在我的 node_modules 中检查过它并重新安装了它，但我仍然没有这样的运气。

有什么建议？

Answer 1

我的 Vue 应用程序中的 firestore 也有同样的问题。
我最终在我的 firebase.js 文件中执行了以下操作:

import { firebase } from '@firebase/app'

与:

import * as firebase from 'firebase/app'

此外，如果您使用任何特定的 firebase 模块，则需要像这样单独导入它们:

import '@firebase/auth'
import '@firebase/firestore'

const db = firebase.firestore()
const auth = firebase.auth()

export { db, auth }

希望这可以帮助某人。