服务 firestore 不可用或没有带有 getFirestore 的 Firebase 应用程序

Question

我尝试了几种方法让 Firestore 在我的 javascript 模块文件中工作。

当我这样做时......

import {initializeApp} from "https://www.gstatic.com/firebasejs/10.11.1/firebase-app.js";
import {getStorage, ref, uploadBytes, getDownloadURL} from "https://www.gstatic.com/firebasejs/10.11.1/firebase-storage.js";
import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.1.0/firebase-firestore.js'


var firebaseConfig = {
    apiKey: "",
    authDomain: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: ""
};


const app = initializeApp(firebaseConfig);
const storage = getStorage(app);
const db = getFirestore();

我在 getFirestore() 方法上收到以下错误。

未捕获的 FirebaseError：Firebase：没有 Firebase 应用程序“[DEFAULT]” 创建 - 首先调用initializeApp()（应用程序/无应用程序）。

当我尝试这个

const db = getFirestore(app);

时，我收到以下错误。

服务 Firestore 不可用

如何在我的网络应用程序上实施 Firestore？ 我没有使用 Firebase 函数

Answer 1

您的 SDK 导入版本不匹配。 在这里，它们是对齐的，因此您可以更轻松地看到版本如何不匹配：

https://www.gstatic.com/firebasejs/10.11.1/firebase-app.js
https://www.gstatic.com/firebasejs/10.11.1/firebase-storage.js
https://www.gstatic.com/firebasejs/11.1.0/firebase-firestore.js

11.1.0 !== 10.11.1

您应该始终从使用最新版本的 SDK（如文档中所示）开始，并确保它们始终与您的所有导入匹配：

您使用ESM并想使用浏览器模块吗？替换所有导入行以使用以下模式：

import { } from 'https://www.gstatic.com/firebasejs/11.1.0/firebase-SERVICE.js'

（其中 SERVICE 是 SDK 名称，例如 firebase-firestore）。

使用浏览器模块是一种快速入门方法，但我们建议使用模块捆绑器进行生产。