Vue 및 Vuex를 사용하여 Firebase 인증이 작동하지 않음

Vue 및 Vuex를 사용하여 Firebase 인증이 작동하지 않음

Vue 앱에서 Firebase를 사용하여 인증을 추가하려고 하는데[Vue warn]: Error in v-on handler: "TypeError: _config_firebase__WEBPACK_IMPORTED_MODULE_8__.user.SignInWithEmailAndPassword is not a function"에러입니다.다음은 저의 IREBASE 설정 파일입니다.

import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";

const firebaseConfig = {
  apiKey: "MY_API_KEY",
  authDomain: "MY_AUTH_DOMAIN",
  databaseURL: "MY_DB_URL",
  projectId: "MY_PROJECT_ID",
  storageBucket: "MY_STORAGE_BUCKET",
  messagingSenderId: "MY_MESSAGE_SENDER_ID",
  appId: "MY_APP_ID"
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

// Get a Firestore instance
export const user = firebase.auth();
export const db = firebase.firestore();

다음으로 Vuex에서의 액션:

import { db, user } from "./config/firebase";

 loginUser({ commit }, payload) {
      user
        .SignInWithEmailAndPassword(payload)
        .then(user => {
          console.log(user);
          commit("SET_USER", user);
        })
        .catch(error => {
          commit("setLoading", false);
          commit("setError", error);
          console.log(error);
        });
      router.push("/");
    }

지금까지 작성, 읽기, 업데이트 및 삭제는 가능했습니다만, 설정 파일은 이 파일과는 조금 달랐습니다.auth내가 코드를 바꿨을 때였어

변경:

user.SignInWithEmailAndPassword(payload)

다음과 같이 입력합니다.

user.signInWithEmailAndPassword(payload)

문서에서:

이메일과 비밀번호를 사용하여 비동기적으로 로그인합니다.

언급URL : https://stackoverflow.com/questions/59372840/firebase-auth-not-working-using-vue-and-vuex