firebase.initializeApp 不是函数

Question

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

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

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 不是函数

我已经在我的 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 }

希望这可以帮助某人。

Answer 2

这就是我解决这个问题的方法

import firebase from "firebase";

const firebaseConfig = {
  apiKey: "Api Key",
  authDomain: "Domain",
  databaseURL: "URL",
  projectId: "ID",
};

const firebaseApp = firebase.initializeApp(firebaseConfig);

const db = firebaseApp.firestore();
export default db;

Answer 3

你可以试试：

var firebase = require('firebase/app');

学分。