programing

미발견(약속)유형 오류: vuex에서 null('시작' 읽기) vue 3의 속성을 읽을 수 없습니다.

testmans 2023. 7. 9. 10:37
반응형

미발견(약속)유형 오류: vuex에서 null('시작' 읽기) vue 3의 속성을 읽을 수 없습니다.

import firebase from 'firebase/compat/app';
import * as firebaseui from 'firebaseui'
import 'firebaseui/dist/firebaseui.css'

const config = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
};

const auth = {
  context: null,
  uiConfig: null,
  ui: null,

  init(context) {
    this.context = context;

    firebase.initializeApp(config);
    this.uiConfig = {
      signInSuccessUrl: '/',
      signInOptions: [
   
        firebase.auth.GoogleAuthProvider.PROVIDER_ID,
      ]
    }
    this.ui = new firebaseui.auth.AuthUI(firebase.auth());

    firebase.auth().onAuthStateChanged((user) => {
      this.context.$store.dispatch('user/setCurrentUser')

      let requireAuth = this.context.$route.matched.some(record => record.meta.requireAuth)
      let guestOnly = this.context.$route.matched.some(record => record.meta.guestOnly)

      if(requireAuth && !user) this.context.$router.push('/auth/login')
      else if (guestOnly && user) this.context.$router.push('/')
    });
  },
  authForm(container) {
    
    console.log(this.ui);

    this.ui.start(container, this.uiConfig);
  },
  user() {
    return this.context ? firebase.auth().currentUser : null;
  },
  logout() {
    firebase.auth().signOut();
  }
}

export default auth;
     "firebase": "^9.14.0",
        "firebaseui": "^6.0.2",
     "firebase": "^9.14.0",
        "firebaseui": "^6.0.2",

여기서 저는 Firebase UI를 사용하고 있습니다. 하지만 이 줄에 오류가 발생합니다.ui.start(컨테이너, 이.uiConfig). UI 시작의 문제와 이 문제를 해결하는 방법은 무엇입니까?

여기서 저는 Firebase UI를 사용하고 있습니다. 하지만 이 줄에 오류가 발생합니다.ui.start(컨테이너, 이.uiConfig). UI 시작의 문제와 이 문제를 해결하는 방법은 무엇입니까?

언급URL : https://stackoverflow.com/questions/74704143/uncaught-in-promise-typeerror-cannot-read-properties-of-null-reading-start

반응형