vuejs里使用firebase报错

发布于 2022-09-03 14:26:48 字数 423 浏览 24 评论 0

图片描述

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

肩上的翅膀 2022-09-10 14:26:48

我是题主,我在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);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文