找不到变量：Firebase/React Native 上的 IDBIndex（博览会）

Question

我正在 Expo 中开发一个 RN 应用程序，以 firebase 作为后端。到目前为止，该应用程序仅使用 firebase auth 和 firestore，无论出于何种原因，我随机开始收到 ReferenceError: Can't find variable: IDBIndex 错误。我调整了我的 firebase 配置以适应 v9 标准，而不是使用 compat 包。我确保我的应用程序没有使用 Google Analytics。我还降级到 [email protected] ，与博览会文档相匹配和其他类似的帖子。 当应用程序运行时，我也将 git 恢复到应用程序的早期版本（具有早期的依赖项和代码），但仍然返回相同的错误。发生这种情况时，我完全重新安装了 node 和 npm，因为我认为这是发生这种情况的唯一可能的原因，但这也无济于事（得到相同的 IDB 错误）。我仍然认为这是一个与 firebase 相关的问题，但我几乎不知道它可能是什么。

这是我的 firebase 配置：

import { initializeApp } from 'firebase/app'
import { getAuth, connectAuthEmulator } from "firebase/auth";
import { getFirestore, connectFirestoreEmulator } from "firebase/firestore";

import {
  FIREBASE_API_KEY,
  FIREBASE_AUTH_DOMAIN,
  FIREBASE_PROJECT_ID,
  FIREBASE_STORAGE_BUCKET,
  FIREBASE_MESSAGING_SENDER_ID,
  FIREBASE_APP_ID,
  FIREBASE_MEASUREMENT_ID,
} from '@env';

const firebaseConfig = {
  apiKey: FIREBASE_API_KEY,
  authDomain: FIREBASE_AUTH_DOMAIN,
  projectId: FIREBASE_PROJECT_ID,
  storageBucket: FIREBASE_STORAGE_BUCKET,
  messagingSenderId: FIREBASE_MESSAGING_SENDER_ID,
  appId: FIREBASE_APP_ID,
  measurementId: FIREBASE_MEASUREMENT_ID,
};

const app = initializeApp(firebaseConfig);

export default app;
export const auth = getAuth(app);
export const firestore = getFirestore(app);

if (process.env.NODE_ENV === "development") {
    connectAuthEmulator(auth, "http://localhost:9099");
    connectFirestoreEmulator(firestore, "localhost", 8080);
}

如果您需要查看更多文件或需要了解更多详细信息，请告诉我。

Answer 1

此处为 firebaser

我们的 JavaScript SDK 存在问题，Firebase 安装服务使用的 IDB 版本不支持浏览器环境之外的 ESM。该问题已在 版本 9.6.9 中得到修复JavaScript SDK，因此请务必更新。

Answer 2

我遇到了同样的问题，看起来它在几天前发布的 "firebase": "^9.6.8", 上出现了问题。使用“firebase”：“9.6.7”，

Answer 3

我也遇到了同样的问题，我已经尝试了和你一样的方法，但没有成功。我对来自 firebase 测试实验室的日志进行了符号化，并得出了以下结论：

Stacktrace

一般来说，我不知道所有这些库如何协同工作，但是您是否将 typesense 与 firestore 一起使用？我想知道你的堆栈跟踪是否调用了相同的文件，但我在这里找不到任何确凿的证据。如果我发现什么，我会继续更新这个线程。 （我会发表评论，但我还没有代表）

更新：看起来我的构建只是以某种方式自行修复，甚至从本周末提交的构建也会不断崩溃。所以说实话，我不确定发生了什么，但可能会得到解决

Answer 4

我遇到了同样的问题，我的解决方案是将 Firebase 版本从 9.6.8 降级到 8.2.3。

这是一个可能有帮助的参考。

https://github.com/expo/expo-cli/issues/3066

Answer 5

我遇到了同样的问题，在尝试了多个不同的 firebase 版本之后，这是为我解决了错误的版本：

npm install [email protected] --save

这是我发现此问题的地方： Cloud Firestore 入门

Answer 6

该线程中提到的其他修复肯定都是有效的（我已经看到其他论坛帖子建议将 firebase 降级，但在我的情况下它不起作用。）

我认为这对我确认什么解决了我的情况下的问题可能会有所帮助。当我的一位团队成员使用 npm 而不是 expo（默认为 yarn）来安装依赖项时，出现了问题。这导致了 yarn.lock 和 package-lock.json 之间的同步问题。仅此一点不会造成太大问题，因为简单的 yarn 或 yarn install 就可以解决该问题。然而，这种依赖关系恰好需要预先存在的依赖关系，这些依赖关系的版本与我的博览会版本“预期”的版本不同。这个 IDBIndex 错误是如何触发的对我来说仍然是个谜，但最终我所要做的就是删除所有锁定文件和 node_modules，执行 expo update并最后执行yarn来重新安装所有现在兼容的软件包。

如果任何人偶然发现这个答案都可以给出一个可能的解释来解释为什么这个问题是固定的，那将不胜感激。

Answer 7

这是对我有用的（使用yarn）：

1. deletednode_modulesdeletedyarn.lock
2. 降级
3. 到firebase“9.6.7”yarnadd[电子邮件受保护]
4. 使用 yarn install 下载软件包，
5. 确保我的所有导入均来自正确的 Firebase 库。我正在使用 expo，并且导入了 firebase 和 react-native-firebase，这引起了麻烦。我暂时删除了react-native-firebase，直到需要时弹出。
6. 修复了我的导入。现在你像这样导入 firebase import firebase from "firebase/compat"

Answer 8

如果您使用 Firebase Analytics，请将其删除

Firebase 版本 "firebase": "9.6.7"

import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';
// import { getAnalytics } from "firebase/analytics";

const firebaseConfig = {
  apiKey: process.env.FIREBASE_APP_KEY,
  authDomain: process.env.FIREBASE_AUTH_DOMAIN,
  projectId: process.env.FIREBASE_PROJECT_ID,
  storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
  appId: process.env.FIREBASE_APP_ID,
  measurementId: process.env.FIREBASE_MEASUREMENT_ID,
};

export const app = initializeApp(firebaseConfig);

// export const analytics = getAnalytics(app);

export const firestore = getFirestore(app);

Answer 9

遇到了同样的问题，我刚刚降级了 firebase 版本，它就工作了。
您可以使用此代码进行降级：

npm install [email protected] --save

Answer 10

这适用于世博会：

https://github.com/firebase /firebase-js-sdk/issues/6253#issuecomment-1123923581

// metro.config.js
const { getDefaultConfig } = require("@expo/metro-config");

const defaultConfig = getDefaultConfig(__dirname);

defaultConfig.resolver.assetExts.push("cjs");

module.exports = defaultConfig;