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

【问题标题】：How to use Realtime Database and Firestore in the same Vue.js project如何在同一个 Vue.js 项目中使用实时数据库和 Firestore
【发布时间】：2020-02-05 04:26:57
【问题描述】：

我正在尝试构建一个 Vue.js 应用程序，该应用程序需要同时使用实时数据库和 Firestore 来实现跨多个组件的各种功能。到目前为止，我已经设置了 firebase.js 页面来容纳具有 Firestore 功能的组件。但是，应用程序中的其他组件已设置为与同一 Firebase 项目中的实时数据库连接，使用诸如 firebase.database().ref('.../') 之类的代码行。如何设置下面的 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()

【问题讨论】：

标签： javascript firebase vue.js firebase-realtime-database google-cloud-firestore

【解决方案1】：

瞧，这样的事情可能会有所帮助，请查看this 了解更多信息

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 文件，然后将 import { database_realtime } from '@/firebase 导入到每个实时数据库组件中。但是，当我路由到这些组件时出现以下错误：database_realtime.database is not a function
不要使用 .database...它已经包含在变量中...如果对您更有意义，您可以将 database_realtime 命名为“database”
感谢您去年回答这个问题。你愿意看看另一个问题吗？ stackoverflow.com/questions/59952741/…