Flutter Web Firebase TypeError: dart.global.firebase.firestore is not a function

Question

我正在嘗試在我的 flutter web 項目中使用 Firebase 。
但應用程序無法與此消息一起運行。

TypeError: dart.global.firebase.firestore is not a function
at Object.firestore$ [as firestore] 

我的index.html看起來像這樣。

<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "MY_API_KEY",
    authDomain: "MY_AUTHDOMAIN",
    databaseURL: "MY_URL",
    projectId: "MY_ID",
    storageBucket: "MY_BUCKET",
    messagingSenderId: "MY_ID",
    appId: "MY_APPID",
    measurementId: "MY_ID"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>

任何人都知道如何解決這個問題？

Answer 1

我正在嘗試在我的 flutter web 項目中使用 Firebase 。
但應用程序無法與此消息一起運行。

TypeError: dart.global.firebase.firestore is not a function
at Object.firestore$ [as firestore] 

我的index.html看起來像這樣。

  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "MY_API_KEY",
      authDomain: "MY_AUTHDOMAIN",
      databaseURL: "MY_URL",
      projectId: "MY_ID",
      storageBucket: "MY_BUCKET",
      messagingSenderId: "MY_ID",
      appId: "MY_APPID",
      measurementId: "MY_ID"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

任何人都知道如何解決這個問題？
謝謝！！

Answer 2

我正在嘗試在我的 flutter web 項目中使用 Firebase 。
但應用程序無法與此消息一起運行。

TypeError: dart.global.firebase.firestore is not a function
at Object.firestore$ [as firestore] 

我的index.html看起來像這樣。

  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "MY_API_KEY",
      authDomain: "MY_AUTHDOMAIN",
      databaseURL: "MY_URL",
      projectId: "MY_ID",
      storageBucket: "MY_BUCKET",
      messagingSenderId: "MY_ID",
      appId: "MY_APPID",
      measurementId: "MY_ID"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

任何人都知道如何解決這個問題？
謝謝！！

Answer 3

我正在嘗試在我的 flutter web 項目中使用 Firebase 。
但應用程序無法與此消息一起運行。

TypeError: dart.global.firebase.firestore is not a function
at Object.firestore$ [as firestore] 

我的index.html看起來像這樣。

  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "MY_API_KEY",
      authDomain: "MY_AUTHDOMAIN",
      databaseURL: "MY_URL",
      projectId: "MY_ID",
      storageBucket: "MY_BUCKET",
      messagingSenderId: "MY_ID",
      appId: "MY_APPID",
      measurementId: "MY_ID"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

任何人都知道如何解決這個問題？
謝謝！！

Answer 4

我正在嘗試在我的 flutter web 項目中使用 Firebase 。
但應用程序無法與此消息一起運行。

TypeError: dart.global.firebase.firestore is not a function
at Object.firestore$ [as firestore] 

我的index.html看起來像這樣。

  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "MY_API_KEY",
      authDomain: "MY_AUTHDOMAIN",
      databaseURL: "MY_URL",
      projectId: "MY_ID",
      storageBucket: "MY_BUCKET",
      messagingSenderId: "MY_ID",
      appId: "MY_APPID",
      measurementId: "MY_ID"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

任何人都知道如何解決這個問題？
謝謝！！

Answer 5

在使用任何其他腳本之前先插入此腳本，因為此腳本需要先調用，然后是其他 firebase 腳本。

<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>

Answer 6

我正在嘗試在我的 flutter web 項目中使用 Firebase 。
但應用程序無法與此消息一起運行。

TypeError: dart.global.firebase.firestore is not a function
at Object.firestore$ [as firestore] 

我的index.html看起來像這樣。

  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>

  <script>
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "MY_API_KEY",
      authDomain: "MY_AUTHDOMAIN",
      databaseURL: "MY_URL",
      projectId: "MY_ID",
      storageBucket: "MY_BUCKET",
      messagingSenderId: "MY_ID",
      appId: "MY_APPID",
      measurementId: "MY_ID"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  </script>

任何人都知道如何解決這個問題？
謝謝！！

Answer 7

對於到達這里的其他任何人，並且剛剛從 Firebase 開始，您可能沒有正確設置 firebase 配置（例如，您正在學習在 Flutter 中運行 Z035489FF8D092741943E4A83241F5AF9 的教程）

如果是這樣，請確保按照這樣的步驟將 firebase 應用程序配置信息添加到 HTML 文件中

簡而言之：

• In the Firebase console, select Project Overview in the left navigation bar, and click the Web button under Get started by adding Firebase to your app.
• 給你的應用一個昵稱。 這是在 Firestore 控制台中用於識別應用程序的 web 版本的值。
• 單擊注冊應用程序。
• 注冊應用程序后，添加 Firebase SDK 步驟會為您提供一些需要粘貼到應用程序的 web/index.html 文件中的代碼。 這樣做！

Answer 8

檢查標簽的順序/存在，在下圖中：

檢查最新版本： Firebase JS SDK（來自 CDN）

Answer 9

檢查您的 pubspec.yaml，並導入所有 firebase 模塊。 我的意思是，如果您的 pubspec.yaml 中有firebase_auth ，您還應該導入腳本https://www.gstatic.com/firebasejs/VERSION/firebase-auth.js

Answer 10

僅供參考，這里是列表： https://firebase.google.com/docs/hosting/reserved-urls

每個服務都需要自己的 CDN 導入

Answer 11

只需將值從 8.6.2 更改為 8.10.0 的最新版本即可解決我的錯誤。

<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>