无法创建全局 vue 变量（ Vue.prototype.$firebase ）

Question

我在login.vue 中提交表单，该表单将调用submit()。然后我在 Web 控制台中遇到以下错误。

Uncaught TypeError: Cannot read property 'auth' of undefined

ma​​in.js

import Vue from 'vue'
import App from './App'
import router from './router'
import * as firebase from 'firebase/app'
import { firebaseConfig } from '@/firebaseConfig';

Vue.prototype.$firebase = firebase.initializeApp(firebaseConfig)
Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

login.vue

const authService = {
  methods: {
    submit () {
      this.$firebase.auth().signInWithEmailAndPassword(this.login.email, this.login.pass).then(
        (user) =>{
          this.$router.replace('bm')
        }
      )
    }
  }
}

Answer 1

您还必须：

import 'firebase/auth'

在 firebase/app 导入之后，以获得 Firebase Auth 产品功能。