javascript - 无法创建全局 vue 变量 ( Vue.prototype.$firebase )

Question

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

未捕获的类型错误：无法读取未定义的属性“身份验证”

main.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/>'
})

登录.vue

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

标签： javascriptfirebasevue.jsfirebase-authentication

Answer 1

您还必须：

import 'firebase/auth'

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