firebaseui authentication with microsoft error: provider_id undefined

Question

我向 Vue 项目添加了 firebase 身份验证，一切正常，除了 Microsoft 身份验证。请记住，我已经使用 Microsoft 启用了登录方法，并且我使用 2 个凭据进行了测试（一个用于其他工作正常的项目和另一个新创建的集合）。

这是我的 Auth.vue 组件

<script>
export default {
  name: "Auth",
  mounted() {
    const uiConfig = {
      callbacks: {
        signInSuccessWithAuthResult: authResult => {
          this.$store.dispatch("setUser", authResult.user);
          console.log(this.$route.params.redirectURL);
          if (this.$route.params.redirectURL) {
            this.$router.push("/" + this.$route.params.redirectURL);
          } else {
            this.$router.push("/");
          }

          return false;
        }
      },
      signInOptions: [
        this.$firebase.auth.GoogleAuthProvider.PROVIDER_ID,
        this.$firebase.auth.FacebookAuthProvider.PROVIDER_ID,
        this.$firebase.auth.MicrosoftAuthProvider.PROVIDER_ID,
        this.$firebase.auth.TwitterAuthProvider.PROVIDER_ID,
        this.$firebase.auth.GithubAuthProvider.PROVIDER_ID,
        this.$firebase.auth.EmailAuthProvider.PROVIDER_ID
      ]
    };

    this.$firebaseui.start("#firebaseui-auth-container", uiConfig);
  }
};
</script>

如果“this.$firebase.auth.MicrosoftAuthProvider.PROVIDER_ID”没有被注释掉，就会出错，否则一切正常。错误：

Error in mounted hook: "TypeError: Cannot read property 'PROVIDER_ID' of undefined"

我做错了什么？

Answer 1

阅读后firebaseui-web docs我知道了如何设置它

signInOptions: [
            this.$firebase.auth.GoogleAuthProvider.PROVIDER_ID,
            this.$firebase.auth.TwitterAuthProvider.PROVIDER_ID,
            this.$firebase.auth.FacebookAuthProvider.PROVIDER_ID,
            this.$firebase.auth.GithubAuthProvider.PROVIDER_ID,
            "microsoft.com",
            "apple.com",
            "yahoo.com"
            //this.$firebase.auth.EmailAuthProvider.PROVIDER_ID
            //this.$firebase.auth.PhoneAuthProvider.PROVIDER_ID
          ]

firebaseui authentication with microsoft error: provider_id undefined

firebaseui authentication with microsoft error: provider_id undefined

vue.js

firebaseui