[英]initialize firebase 3.4.0 in Vue.js App
将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)
您导入了Firebase但使用了Firebase-注意大写F
将导入更改为: import firebase from 'firebase';
或更改对Firebase.initializeApp
或Firebase.database()
所有调用
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.