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

你必须在你的组件上导入firebase 和firebase/auth，因为你使用的是auth()：

开启src/views/Register.vue：

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

Answer 2

请看this教程。