firebase.auth.GoogleAuthProvider 不是构造函数

Question

我正在尝试在 Vue 框架中通过 firebase 使用 google sign。我不知道这是什么错误，谁能帮我解决这个问题。

vue.runtime.esm.js?2b0e:1888 TypeError: _firebase_js__WEBPACK_IMPORTED_MODULE_2__.fb.auth.GoogleAuthProvider is not a constructor
at VueComponent.socialLogin (Signin.vue?3d55:76)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179)
at HTMLButtonElement.original._wrapper (vue.runtime.esm.js?2b0e:6917)

这是我的代码

firebase.js

import firebase from "firebase";
var firebaseConfig = {
    config
};
const fb=firebase.initializeApp(firebaseConfig);
export { fb };

登录.vue

<script>
    import { fb } from "../firebase.js";
    export default {
      name: "Signin",
      components: {},
      data() {
        return {
        };
      },
    
      methods: {
         socialLogin() {
       const provider = new fb.auth.GoogleAuthProvider();
    
            fb.auth().signInWithPopup(provider).then((result) => {
              this.$router.replace('home');
            }).catch((err) => {
              alert('Oops. ' + err.message)
            });
          }
      }
    };
    </script>

Answer 1

auth 属性(不是 auth() 函数)在静态 firebase 对象上可用，而不是您的 firebase app .

你想要更像这样的东西

import firebase from "firebase/app"
import "firebase/auth" // 👈 this could also be in your `firebase.js` file

const provider = new firebase.auth.GoogleAuthProvider()