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

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

有什么建议吗？

Answer 1

一直有同样的问题，但在 VUE 中，如果它有效，我解决了分别导入每个元素

// This import loads the firebase namespace.
import firebase from 'firebase/app';

// These imports load individual services into the firebase namespace.
import 'firebase/auth';
import 'firebase/database';
import 'firebase/firestore';
import 'firebase/storage';

希望能帮上忙;)

Answer 2

请你试试：

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

Credits

Answer 3

firebase v4.12.1抛出错误initializeApp不是函数时遇到类似问题。我通过切换到使用@firebase/app 0.1.10 npm包来解决它。

import { firebase } from '@firebase/app';

在next.js v5.1.0项目中使用它。

Answer 4

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

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 5

const auth = firebase.auth()

export { db, auth }`import * as firebase from "firebase";
require("@firebase/firestore");

// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

export default firebase.firestore();

firebase.initializeApp不是一个函数

5 个答案: