时间戳

首页 > 解决方案 > Vue Firebase / Firestore 重复

firebase - Vue Firebase / Firestore 重复

问题描述

我正在尝试通过教程（下面的链接）来学习 vue 和 firebase。有一个包含组件列表的主仪表板页面，我已经得到它来显示员工列表。然后是视图员工组件。当我开始构建它并加载数据时，我开始收到此错误：

Uncaught FirebaseError {code: "app/duplicate-app", message: "Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).", name: "[DEFAULT]", stack: "[默认]：Firebase：Firebase 应用名为 '[DEFAULT]…0)↵ 在 fn ( http://localhost:8081/app.js:89:20 )"}

我添加的查看员工的firebase代码如下：

import db from "./firebaseInit.js";
export default {
  name: "view-employee",
  data() {
    return {
      employee_id: null,
      name: null,
      dept: null,
      position: null
    };
  },
  beforeRouteEnter(to, from, next) {
    db
      .collection("employees")
      .where("employee_id", "==", to.params.employee_id),
      get().then(querySnapShot => {
        querySnapShot.forEach(doc => {
          next(vm => {
            vm.employee_id = doc.data().employee_id
            vm.name = doc.data().name
            vm.dept = doc.data().dept
            vm.position = doc.data().position

          })
        });
      });
  }
};

当我在查看员工页面上注释掉这个脚本时，错误就消失了。据我所知，我所做的一切都与视频中的教程相同，并且与我做同样项目的伙伴一样。

还有一个警告，可能是相关的，它的状态如下：

有多个模块的名称只是大小写不同。在使用其他大小写语义的文件系统上编译时，这可能会导致意外行为。使用相等的大小写。比较这些模块标识符： * /Users/jdurell/code/employeemanager/node_modules/babel-loader/lib/index.js!/Users/jdurell/code/employeemanager/src/components/FirebaseInit.js

我正在研究本教程/项目： https ://www.youtube.com/watch?v=cjEzK4me1k8&index=4&list=PLillGF-RfqbYsOOycB67Raf9dwmL6Y31M

标签： firebasevue.jsgoogle-cloud-firestore

解决方案

Nemesv 有正确的答案。这是一个外壳问题。我在另一个组件上遇到了 FirebaseInit 问题。我将其更改为 firebaseInit，因此两个组件的情况相同，并且错误已解决。谢谢！

推荐阅读