Question

我正在尝试在基于Nextjs的本地项目上使用Firebase Emulator。遵循Firebase here的指导，我在初始化Firebase之后尝试使用db.useEmulator('localhost', 8080);，但出现此错误：

Error was not caught TypeError: db.useEmulator is not a function
  at Module.eval (VM79706 firebase.js:30)
  at eval (VM79706 firebase.js:91)
  at Module../utils/firebase.js (_app.js?ts=1603918354205:23994)
  ...

我一直在使用模拟器来测试云功能，并且运行良好。我只是不明白如何将其与Firestore连接。

这是我设置Firebase的方法：

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

const clientCredentials = {
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
  databaseURL: process.env.NEXT_PUBLIC_FIREBASE_DATABASE_URL,
  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
};

// Check that `window` is in scope for the analytics module!
if (typeof window !== 'undefined' && !firebase.apps.length) {
  firebase.initializeApp(clientCredentials);
  if ('measurementId' in clientCredentials) firebase.analytics();

  const db = firebase.firestore();
  if (process.env.NEXT_PUBLIC_DB_HOST === 'localhost') {
   db.useEmulator('localhost', 8080);
  }
}

export default firebase;

有人知道为什么我会收到此错误，以及如何将Firebase模拟器与Nextjs连接起来吗？

Answer 1

要回答我自己的问题，问题在于此方法是在新版本的Firebase 8.0.0中引入的。我刚刚有了更新，瞧！

Answer 2

使用Firebase版本。 9.4.1。您可以使用数据库UI在本地处理数据库。启动模拟器时，显示数据库UI的网址。常规网址：localhost：PORT / database

如何将Firestore模拟器与Nextjs结合使用

2 个答案: