vuejs里使用firebase报错

图片描述

用vue.js做应用,想要使用firebase存储数据,但是有错误。
我是先npm install firebase --save
然后在main.js里写一下代码,但是报错,求解流程那块出错了?

import Firebase from 'firebase'
var ref=new Firebase('https://taskmanage-52216.firebaseio.com');

ref.on('value', snapshot => {
    alert(snapshot.val());
    })
阅读 4.1k
1 个回答

我是题主,我在google上找到了解决办法。
https://firebase.google.com/s...
这是网址。
出现这个报错的主要原因是firebase的版本升级导致的,new firebase语句是firebase在2X版本中使用的,而在3X版本已经弃之不用。
改为如下

var config = {
  apiKey: "apiKey",
  authDomain: "projectId.firebaseapp.com",
  databaseURL: "https://databaseName.firebaseio.com"
};

firebase.initializeApp(config);

var rootRef = firebase.database().ref();

在vue里可以使用如下进行配置
$ npm install firebase --save
在js里

import firebase from 'firebase'
var config = {
      apiKey: "apiKey",
      authDomain: "projectId.firebaseapp.com",
      databaseURL: "https://databaseName.firebaseio.com"
    };
    
firebase.initializeApp(config);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进