在Vue.js中初始化firebase 3.4.0 App

问题描述：

我在将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)

答

你进口火力地堡，但使用火力 - 注意大写F

要么改变进口到： import firebase from 'firebase';

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

在Vue.js中初始化firebase 3.4.0 App

相关推荐