Firebase.auth().useEmulator 不是函数

Question

我目前有一个通过 VueCLI 和 firebase-tools 设置的项目，但似乎无法在本地将 Firebase Auth 模拟器附加到我的项目。

我的 Firebase 安装文件：

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/storage';

const configOptions = {
    apiKey: process.env.VUE_APP_FIREBASE_API_KEY,
    authDomain: process.env.VUE_APP_FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.VUE_APP_FIREBASE_DB_URL,
    projectId: process.env.VUE_APP_FIREBASE_PROJECT_ID,
    storageBucket: process.env.VUE_APP_FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.VUE_APP_FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.VUE_APP_FIREBASE_APP_ID,
    measurementId: process.env.VUE_APP_FIREBASE_MEASUREMENT_ID
};

firebase.initializeApp(configOptions);

if (process.env.NODE_ENV === "development"){
    firebase.firestore().settings({ host: 'localhost:8080', ssl: false });
    firebase.auth().useEmulator('http://localhost:9099/');
}

export const firebaseauth = firebase.auth();
export const firestore = firebase.firestore();
export const firebasestorage = firebase.storage();
export default firebase;

我的 .env.development 文件

VUE_APP_I18N_LOCALE=en
VUE_APP_I18N_FALLBACK_LOCALE=en

VUE_APP_FIREBASE_API_KEY="xx"
VUE_APP_FIREBASE_AUTH_DOMAIN="localhost:9099"
VUE_APP_FIREBASE_DB_URL="http://localhost:4000"
VUE_APP_FIREBASE_PROJECT_ID="xx"
VUE_APP_FIREBASE_STORAGE_BUCKET="xx"
VUE_APP_FIREBASE_MESSAGING_SENDER_ID="xx"
VUE_APP_FIREBASE_APP_ID="xx"
VUE_APP_FIREBASE_MEASUREMENT_ID="xx"

导航到 localhost:5000（模拟主机）时，出现错误：

Uncaught TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0___default.a.auth(...).useEmulator is not a function

useEmulator 直接来自 Google 的 Firebase Documentation 所以我不确定我做错了什么。

Answer 1

您可能仍在使用早于 8.0.0 版的 firebase 版本，在这种情况下，您要调用的方法是 .useFunctionsEmulator 方法（自从v8.0.0):

firebase.functions().useFunctionsEmulator('http://localhost:5001');

Answer 2

使用 JS SDK v9，您需要使用 connectFirestoreEmulator 函数。

查看文档 https://firebase.google.com/docs/emulator-suite/connect_firestore

import { initializeApp } from "firebase/app";
import { getFirestore, connectFirestoreEmulator } from "firebase/firestore";

const config = {} //your config object here

const app = initializeApp(config);

// firebaseApps previously initialized using initializeApp()
const db = getFirestore();
connectFirestoreEmulator(db, 'localhost', 8080);

Answer 3

ufmemo 的解决方案是正确的。

更详细的回答如下。

// import 'firebase/auth';
import { connectAuthEmulator } from "firebase/auth";

if (process.env.NODE_ENV === "development"){
    firebase.firestore().settings({ host: 'localhost:8080', ssl: false });
    // firebase.auth().useEmulator('http://localhost:9099/');
    connectAuthEmulator(firebase, 'http://localhost:9099/');
}

Firebase.auth().useEmulator 不是函数

Firebase.auth().useEmulator is not a function

javascript

firebase

firebase-authentication

firebase-cli