在 Vue.js 应用程序中初始化 firebase 3.4.0答案

【问题标题】：initialize firebase 3.4.0 in Vue.js App在 Vue.js 应用程序中初始化 firebase 3.4.0
【发布时间】：2016-09-15 22:29:25
【问题描述】：

我在将 firebase 3.4.0 连接到我的 Vue.js 应用程序时遇到了一些问题。我对 Vue.js 还比较陌生，而且连接到 firebase 3.0 的文档很少。这是我的 main.js 文件，任何见解都将不胜感激。

import Vue from 'vue'
import App from './App'
import Firebase from 'firebase'

// Initialize Firebase
var config = {
  apiKey: 'AIzaSyBew0KrZus-fa1mtQ8KOCk-i7FFMvR0qHM',
  authDomain: 'gkeep-180a7.firebaseapp.com',
  databaseURL: 'https://gkeep-180a7.firebaseio.com',
  storageBucket: 'gkeep-180a7.appspot.com',
  messagingSenderId: '573966307891'
}
firebase.initializeApp(config)

firebase.database().ref('notes').set([
  {
    title: 'Hello World',
    content: 'Lorem Ipsum'
  }
])

firebase.database().ref('notes').on('value', (snapshot) => {
  let notes = snapshot.val()
  console.log(notes)
  window.alert(notes[0].title)
})
/* eslint-disable no-new */
new Vue({
  el: 'body',
  components: { App }
})

以下是我在尝试运行 webpack 开发服务器时在 NPM 终端中遇到的两个一般错误：

ERROR in ./src/main.js

  ✘  http://eslint.org/docs/rules/no-unused-vars  'Firebase' is defined but       never used
  C:\Users\nash_\Documents\keepClone\keep-clone\src\main.js:3:8
  import Firebase from 'firebase'
          ^

  ✘  http://eslint.org/docs/rules/no-undef        'firebase' is not defined
  C:\Users\nash_\Documents\keepClone\keep-clone\src\main.js:13:1
  firebase.initializeApp(config)

【问题讨论】：

标签： javascript node.js firebase-realtime-database vue.js

【解决方案1】：

您导入了 Firebase，但使用了 Firebase -- 注意大写 F

要么将导入更改为： import firebase from 'firebase';

或将所有调用更改为Firebase.initializeApp 或Firebase.database()

【讨论】：