firebase__WEBPACK_IMPORTED_MODULE_3___default.a.auth.onAuthStateChanged 不是函数

Question

我正在处理条带扩展，但是当我传递 uid 时，它给了我错误“firebase__WEBPACK_IMPORTED_MODULE_3___default.a.auth.onAuthStateChanged 不是一个函数”......所以有什么建议我该如何解决这个错误？？

这是我的代码：

import {loadStripe} from '@stripe/stripe-js';
import firebase from 'firebase';


const firestore = firebase.firestore();

firebase.auth().onAuthStateChanged((user) => {
  if(user) {
console.log(user.uid) ;
}
});

export async function createCheckoutSession(uid){
  firebase.auth.onAuthStateChanged((user) => {
    if (user){
      const checkoutSessionRef =  firestore
        .collection('customers')
        .doc(user.uid)
        .collection('checkout_sessions')
        .add({
          price: 'price id',
          success_url: window.location.origin,
          cancel_url: window.location.origin,
      });
// Wait for the CheckoutSession to get attached by the extension
    checkoutSessionRef.onSnapshot((snap) => {
      const { error, sessionId } = snap.data();
      if (error) {
    // Show an error to your customer and 
    // inspect your Cloud Function logs in the Firebase console.
      alert(`An error occured: ${error.message}`);
    }
    if (sessionId) {
    // We have a session, let's redirect to Checkout
    // Init Stripe
    const stripe =   loadStripe('pk_test_1234');
    stripe.redirectToCheckout({ sessionId });
    }
  });
  }
}
  )}  

任何建议我该如何解决这个错误？？？

Answer 1

firebase 中的 onAuthStateChanged 函数只能在客户端工作。根据我的理解，您正在尝试检查用户是否已登录或注销，但是否已在后端调用 onAuthStateChanged 侦听器。

因此将逻辑或onAuthStateChanged 逻辑移动到前端代码。如果您真的想使用逻辑来检查用户是否通过后端本身登录，那么您可能不得不求助于云功能并使用 firebase adming SDK 来处理它。

此外，loadStripe 承诺应在文件顶部处理，以避免在每次调用时重新创建 Stripe 对象。