Flutter web 在 firebase 托管中不工作

Question

我在 flutter web 中使用 Firestore。 在本地，即 Android studio chrome 中一切正常。 但是當我在 firebase 托管（firebase 服務）中托管時，它不起作用。 瀏覽器控制台給出錯誤。

Uncaught TypeError: firebase.firestore is not a function
    at Object.arO (top_level.dart:125)
    at cloud_firestore_web.dart:26
    at alN.a (async_patch.dart:308)
    at alN.$2 (async_patch.dart:333)
    at Object.N (async_patch.dart:238)
    at Object.T8 (main.dart:8)
    at js_helper.dart:3221
    at js_helper.dart:3221
    at dartProgram (js_helper.dart:3221)
    at js_helper.dart:3221

pubsec.yaml

name: chitragupta
description: Monthly expenditure tacker

version: 1.2.0+2

environment:
  sdk: ">=2.2.2 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^0.1.2
  flutter_launcher_icons: ^0.7.2
  material_design_icons_flutter: ^4.0.5145
  firebase_core: ^0.4.3+2 #For firebase database
  firebase_auth: ^0.16.0 #firebase Authentication
  shared_preferences: ^0.5.7 #for local storage
  shared_preferences_web: ^0.1.2+4
  intl: ^0.16.0
  flutter_datetime_picker: ^1.2.6
  fluttertoast: ^3.1.3
  package_info: ^0.4.0+13
  image_picker: ^0.6.2+3
  http: ^0.12.0+2
  charts_flutter: ^0.8.1
  flutter_svg: ^0.17.4
  cloud_firestore: ^0.13.5


dev_dependencies:
  flutter_test:
    sdk: flutter


flutter:

  uses-material-design: true
  assets:
    - assets/

flutter_icons:
  image_path: "assets/logo.png"
  android: true
  ios: true

我不知道那行代碼在我的 flutter 項目中寫在哪里。 有什么幫助解決這個問題嗎？

更新：應用程序在 Godaddy 托管中運行良好，但在 firebase 托管中無法正常運行

Answer 1

我有過類似的問題。 我通過確保在我的 index.html 文件中引用了所有正確的腳本來修復它。 在此處查看第 5 步下的可用庫： https://firebase.google.com/docs/web/setup#available-libraries

此處包含的腳本標簽不包含腳本標簽中的延遲，您可能需要它來解決您的問題，例如。 <script defer src=...> 。