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());
    })

解决方案

我是题主，我在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);

这篇关于vuejs里使用firebase报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！