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

时间:2020-10-28 20:58:15

标签: javascript firebase google-cloud-firestore next.js firebase-tools

我正在尝试在基于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连接起来吗?

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

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