在Vue.js App中初始化firebase 3.4.0

initialize firebase 3.4.0 in Vue.js App

本文关键字：firebase 初始化 Vue js App      更新时间：2023-09-26

我在连接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 }
})
下面是我在NPM终端上运行webpack开发服务器时遇到的两个常见错误: 
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)

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

将导入更改为:import firebase from 'firebase';

或将所有呼叫更改为Firebase.initializeApp或Firebase.database()

相关文章：