Javascript 如何在同一Vue.js项目中使用实时数据库和Firestore

我正在尝试构建一个Vue.js应用程序，该应用程序需要同时使用实时数据库和Firestore，以实现跨多个组件的各种功能。到目前为止，我已经设置了

firebase.js

页面来容纳具有Firestore功能的组件。但是，应用程序中的其他组件已设置为使用诸如

Firebase.Database（）.ref（“…/”）

等代码行与同一Firebase项目中的实时数据库连接。如何设置下面的firebase.js文件以连接实时数据库和Firestore

import firebase from 'firebase'

var config = {
  apiKey: '',
  authDomain: '',
  databaseURL: '',
  projectId: '',
  storageBucket: '',
  messagingSenderId: '',
  appId: ''
}

const firebaseApp = firebase.initializeApp(config)

export default firebaseApp.firestore()

---

瞧，像这样的东西可能会有帮助，检查更多

import firebase from 'firebase/app'
require('firebase/firestore')
require('firebase/database')

var config = {
  apiKey: '',
  authDomain: '',
  databaseURL: '',
  projectId: '',
  storageBucket: '',
  messagingSenderId: '',
  appId: ''
}

firebase.initializeApp(config)
export const database_realtime = firebase.database()
export const firestore = firebase.firestore()

---

这很接近。我按照您的指示重新配置了firebase.js文件，然后将“@/firebase中的

import{database\u realtime}导入到每个实时数据库组件中。但是，当我路由到这些组件时，我遇到以下错误：
database\u realtime.database不是一个函数
不要使用。database。。。它已经包含在变量中。。。如果对你们来说更有意义的话，你们可以把database_realtime命名为“database”，谢谢你们去年回答这个问题。你愿意看看另一个问题吗？