【发布时间】:2021-02-24 21:26:01
【问题描述】:
我目前通过 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(模拟主机)时,出现错误:
未捕获的类型错误:firebase_app__WEBPACK_IMPORTED_MODULE_0___default.a.auth(...).useEmulator is not a function
useEmulator 直接来自 Google 的 Firebase Documentation,所以我不确定自己做错了什么。
【问题讨论】:
-
使用
import * as firebase from '@firebase/testing',然后使用console.log(firebase),不会记录身份验证。也许由于模拟器处于测试阶段,身份验证尚未实现。不过,无论如何,我认为您需要使用@firebase/testing进行设置。视频youtu.be/VDulvfBpzZE 让我比文档更深入……至少在 Firestore 中是这样。和你一样,我对身份验证感到困惑。
标签: javascript firebase firebase-authentication firebase-cli