Firebase：TypeError：firebase.firestore 不是函数

Question

我正在关注https://firebase.google.com/docs/web/setup 上的示例

所以我在我的 index.html 中有这个

<body>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js"></script>

<!-- include only the Firebase features as you need -->
<script defer src="https://www.gstatic.com/firebasejs/6.2.4/firebase-auth.js"></script>
<script defer src="https://www.gstatic.com/firebasejs/6.2.4/firebase-firestore.js"></script>
<script defer src="https://www.gstatic.com/firebasejs/6.2.4/firebase-messaging.js"></script>

<!-- Initialize Firebase -->
<script src="./firebase-init.js"></script>
</body>

这在 firebase-init.js 中

// Your web app's Firebase configuration
var firebaseConfig = {
    apiKey: ...
    authDomain: ...
    databaseURL: ...
    ...
};

// Initialize Firebase
var app = firebase.initializeApp(firebaseConfig);

// Initialize Firestore
var db = firebase.firestore();
// also tried: 
// var db = firebase.firestore(app);
// var db = app.firestore();

然而，每当我尝试加载页面时，我都会收到TypeError: firebase.firestore is not a function

这似乎微不足道，但我无法访问 firestore

Answer 1

您是否尝试过在这里添加延迟？

<script defer src="./init-firebase.js"></script>

根据文档，我认为您应该这样做。

Answer 2

也许问题出在新版本上。 尝试使用旧版本的 Firebase

npm install firebase@8.10.0 --save

Answer 3

您必须导入：

import { getFirestore, collection, getDocs } from 'firebase/firestore/lite';

初始化时：

const db = getFirestore(app);

Firebase：TypeError：firebase.firestore 不是函数

问题描述

3 个解决方案

解决方案1
1 2019-07-07 15:25:21

解决方案2
0 2021-10-06 21:21:00

解决方案3
0 2021-12-30 18:57:18

Firebase：TypeError：firebase.firestore 不是函数

问题描述

3 个解决方案

解决方案1 1 2019-07-07 15:25:21

解决方案2 0 2021-10-06 21:21:00

解决方案3 0 2021-12-30 18:57:18

解决方案1
1 2019-07-07 15:25:21

解决方案2
0 2021-10-06 21:21:00

解决方案3
0 2021-12-30 18:57:18