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