在Vue JS中未定义Firebase

Question

我正在尝试将firebase导入我的Vue JS CLI项目。我已经通过npm安装了firebase，并将其导入到我的main.js文件的顶部，如下所示：

import Vue from 'vue';
import firebase from 'firebase';

然后我使用我的配置初始化firebase：

let config = {
  ...
};

firebase.initializeApp(config);

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

我有一个src/views/Register.vue组件，它有一个方法可以让用户注册并将他们的详细信息存储在Firebase中，但是，每次运行该方法时，它都会告诉我firebase是未定义的。

我已经关注了许多在线指南，它继续返回未定义的？？

我的方法是：

register() {
      firebase.auth().createUserWithEmailAndPassword(this.email, this.password).then(
        function (user) {
          alert('Account created')
        },
        function (err) {
          alert('Error:' + err.message)
        }
      )
    }

准确的错误是：ReferenceError: firebase is not defined，谁能告诉我我遗漏了什么？

作为参考，我的package.json文件包含："firebase": "^6.4.0"

Answer 1

由于您使用的是auth()，因此必须在组件上导入firebase，还必须导入firebase/auth：

在src/views/Register.vue上：

<script>
   import firebase from "firebase/app";
   import "firebase/auth";
   export default {....

Answer 2

请看一下this教程。