2016-09-15 36 views
0

我在將Firebase 3.4.0連接到我的Vue.js應用程序時遇到了一些問題。我對Vue.js相對來說比較新,而且連接到firebase 3.0的文檔也很少。這是我的main.js文件,任何見解都將不勝感激。在Vue.js中初始化firebase 3.4.0 App

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) 

回答

1

你進口火力地堡,但使用火力 - 注意大寫F

要麼改變進口到: import firebase from 'firebase';

或更改所有呼叫Firebase.initializeAppFirebase.database()