Reactjs 将firebase集成到react应用程序时出错

我在尝试构建react应用程序时遇到此错误。自构建失败以来唯一改变的是我尝试向应用程序添加firebase db。我正试图用我在使用的教程中找到的方法来实现它

×
REBASE: Rebase.createClass failed. Expected an initialized firebase or firestore database object.
▶ 3 stack frames were collapsed.
./src/base.js
C:/Dev/React/my-app/src/base.js:3
  1 | import Rebase from 're-base';
  2 | 
> 3 | const base = Rebase.createClass({
  4 |   apiKey: "AIzaSyC1UGLssKKLkKvYRp02zYVpM1-D88czp7I",
  5 |   authDomain: "catch-of-the-day-ethan-fie.firebaseapp.com",
  6 |   databaseURL: "https://catch-of-the-day-ethan-fie.firebaseio.com",

下面base.js中的代码，个人信息和API密钥已编辑：

import Rebase from 're-base';

const base = Rebase.createClass({
  apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
  authDomain: "catch-of-the-day-xxxxx-xxxx.firebaseapp.com",
  databaseURL: "https://catch-of-the-day-xxxxx-xxxx.firebaseio.com",
  projectId: "catch-of-the-day-xxxxx-xxxx",
  storageBucket: "catch-of-the-day-xxxxx-xxxx.appspot.com",
});

export default base;

---

请检查此指南以解决问题

确保您使用的库版本语法正确，如上述参考中所述。

给您

import Rebase from 're-base'
import firebase from 'firebase'

const config = {
  apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
  authDomain: "catch-of-the-day-xxxxx-xxxx.firebaseapp.com",
  databaseURL: "https://catch-of-the-day-xxxxx-xxxx.firebaseio.com",
  projectId: "catch-of-the-day-xxxxx-xxxx",
  storageBucket: "catch-of-the-day-xxxxx-xxxx.appspot.com",
  messagingSenderId: "SOME_MESSAGING_SENDER_ID"
}

const app = firebase.initializeApp(config)
const base = Rebase.createClass(app.database())


export default base;

---

试试这个，它会起作用的：

var Rebase = require('re-base');
var firebase = require('firebase/app');
var database = require('firebase/database');
var app = firebase.initializeApp({
  apiKey: "apiKey",
  authDomain: "projectId.firebaseapp.com",
  databaseURL: "https://databaseName.firebaseio.com",
  storageBucket: "bucket.appspot.com",
  messagingSenderId: "xxxxxxxxxxxxxx"
});
var db = firebase.database(app);
var base = Rebase.createClass(db);

---

请检查这个指南，看看你做得是否正确。这起作用了。看起来我使用的是re-base库版本2的语法。很高兴知道它帮助解决了问题。请将我贴出的答案标记为正确且有用的答案，以便其他人知道，有类似的问题。