已成功找到“Firebase”包。然而，这个包本身指定了一个无法解析的“main”模块字段

Question

我正在尝试读取和写入 firestore、使用 firebase 的身份验证以及在 expo 管理的反应本机应用程序中使用 firebase 的存储。

完整错误：

While trying to resolve module `firebase` from file `C:\Users\joshu\Desktop\VSProjects\VolleyballConnect\firebase.js`, the package `C:\Users\joshu\Desktop\VSProjects\VolleyballConnect\node_modules\firebase\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`C:\Users\joshu\Desktop\VSProjects\VolleyballConnect\node_modules\firebase\index`. Indeed, none of these files exist:

  * C:\Users\joshu\Desktop\VSProjects\VolleyballConnect\node_modules\firebase\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * C:\Users\joshu\Desktop\VSProjects\VolleyballConnect\node_modules\firebase\index\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

我的 firebase 配置文件：

import firebase from "firebase";
import { initializeApp } from "firebase/app";
import "firebase/firestore";
import "firebase/auth";
import "firebase/storage";

// I'm using the example key here, I have the correct config
const firebaseConfig = {
  apiKey: "api-key",
  authDomain: "project-id.firebaseapp.com",
  databaseURL: "https://project-id.firebaseio.com",
  projectId: "project-id",
  storageBucket: "project-id.appspot.com",
  messagingSenderId: "sender-id",
  appId: "app-id",
  measurementId: "G-measurement-id",
};

if (firebase.apps.length === 0) {
  initializeApp(firebaseConfig);
}

const db = firebase.firestore();
const auth = firebase.auth();
const storage = firebase.storage();

export { db, auth, storage };

我安装了该firebase软件包：

expo install firebase

任何帮助将不胜感激。谢谢你！

Answer 1

为了减小应用程序的大小，firebase SDK (v9.0.0) 变得模块化。在 v8 上，您不能再像以前一样执行 import 语句。

你有两个选择。

1. 使用向后兼容的方式。（稍后将被删除）：

这：

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

应改为：

// v9 compat packages are API compatible with v8 code
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

2. 现在重构您的代码。

由此：

import firebase from "firebase/compat/app";
import "firebase/compat/auth";

const auth = firebase.auth();
auth.onAuthStateChanged(user => { 
  // Check for user status
});

对此：

import { getAuth, onAuthStateChanged } from "firebase/auth";

const auth = getAuth(firebaseApp);
onAuthStateChanged(auth, user => {
  // Check for user status
});

你绝对应该检查文档

Answer 2

我今天遇到了同样的问题，就我而言，已通过以下方式解决。

\n

1.

\n

// v9 compat packages are API compatible with v8 code\nimport firebase from \'firebase/compat/app\';\nimport \'firebase/compat/auth\';\nimport \'firebase/compat/firestore\';\n

\n

\n
2. \n

\n

从 \xe2\x86\x93 更改

\n

if (firebase.apps.length === 0) {\n  initializeApp(firebaseConfig);\n}\n

\n

到\xe2\x86\x93

\n

app = firebase.initializeApp(firebaseConfig)\n

\n

这个链接真的很有帮助

\n

为了安全起见，我分享我的 firebase.js （隐藏个人信息）

\n

import firebase from \'firebase/compat/app\';\nimport \'firebase/compat/auth\';\nimport \'firebase/compat/firestore\';\n\nconst firebaseConfig = {\n  apiKey: "AIzxxxxxxxxxxxxxxxxxxxBbBFNGMI",\n  authDomain: "sixxxxxxxxxcc8.firebaseapp.com",\n  projectId: "sxxxxxxxxxxx8",\n  storageBucket: "xxxxxxxxxxxxxcc8.appspot.com",\n  messagingSenderId: "6xxxxxxxxxx",\n  appId: "1:65xxxxxxxx13:web:d0exxxxxxxxxxxxxxxxx7c"\n};\n\nlet app;\n\nif (firebase.apps.length === 0) {\n  app = firebase.initializeApp(firebaseConfig)\n} else {\n  app = firebase.app();\n}\n\nconst db = app.firestore();\nconst auth = firebase.auth();\n\nexport { db, auth };\n

\n

Answer 3

卸载 firebase，然后安装 firebase@8.2.3