Firebase Firestore Bundle问题:db.loadBundle不是函数

Question

尝试根据Google的文档配置捆绑包。具体错误为：

类型错误：firebase_config__WEBPACK_IMPORTED_MODULE_2_.db.loadBundle不是函数

这是我的firebase.config.js:

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";
var firebaseConfig = {...};
const app = initializeApp(firebaseConfig);
export const db = getFirestore(app);

还有我的app.js:

import React, { useState, useEffect } from 'react';
import { query, orderBy, limit, collection, getDocs, loadBundle } from "firebase/firestore";
import { db } from './firebase.config.js';

import './App.css';
function App() {
...
const fetchReadings = async () => {
const readingsArray = [];
const dailyAveragesArray = [];
const resp = await fetch('/createBundle');
console.log("resp: ",resp);
await db.loadBundle(resp.body);
const query = await db.namedQuery('all-readings-query');
const readingSnapshot = await query.get({ source: 'cache' });
...

请注意，我的旧fetchReadings工作，它有这个：

const readingQuery = query(collection(db, "readings"));
const readingSnapshot = await getDocs(readingQuery);

我错过了什么？TIA。

Answer 1

loadBundle()是新模块化SDK中的顶级功能。

import { loadBundle } from "firebase/firestore"
await loadBundle(db, resp.body)

namedQuery也是如此。签出链接的文档以供参考。