Javascript 使用Vue和Vuex时Firebase身份验证不起作用

我试图在我的Vue应用程序中使用Firebase添加身份验证，但我在v-on处理程序中收到

[Vue warn]：错误：“TypeError:\u config\u Firebase\u网页包\u IMPORTED\u MODULE\u 8\u.user.signin with Emailand Password不是函数”

错误。 以下是我的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)

从：

使用电子邮件和密码异步登录