Flutter Web 上未調用 WidgetsFlutterBinding.ensureInitialized 或 Firebase 初始化應用程序

Question

每當我啟動我的 Flutter Web 應用程序時，我都會收到一條錯誤消息，告訴我 firebase.initializeapp 尚未被調用，但是代碼在 android 上運行良好。

Answer 1

新的 Flutter 作為平台

PS：舊方式如下

有了 Flutter 作為 firebase 平台的新支持。 一切實際上都是由 firebase 自己設置的。 只需按照步驟操作即可完成連接。

1. 創建一個 Firebase 項目。
2. 創建一個顫振項目。
3. 使用代碼curl -sL https://firebase.tools | bash安裝 Firebase CLI curl -sL https://firebase.tools | bash
4. 通過 CLI Firebase login到 Firebase 帳戶。
5. 激活 Firebase CLI dart pub global activate flutterfire_cli
6. 配置你的項目flutterfire configure --project-name
7. 在詢問時選擇您想要的平台。
8. 並在 main.dart 中初始化main.dart ，如下所示

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

---

舊方式，我們必須創建單獨的特定於平台的連接。

在firebase端設置項目后，我想你已經完成了。 您必須配置 Web 部件。 如下

導航到您的 Web 構建的根目錄並打開 index.html。 web->index.html

以及 main.dart.js 腳本標簽上方的以下代碼檢查后期代碼

    <!-- ADD THIS BEFORE YOUR main.dart.js SCRIPT -->

    <!-- The core Firebase JS SDK (always required for using any Firebase service) -->
    <script src="https://www.gstatic.com/firebasejs/9.9.0//firebase-app.js"></script>
    <!-- Firebase Auth SDK -->
    <script src="https://www.gstatic.com/firebasejs/9.9.0//firebase-auth.js"></script>
    <script>
      // Your web app's Firebase configuration
      var firebaseConfig = {
        apiKey: '...',
        authDomain: '...',
        databaseURL: '...',
        projectId: '...',
        storageBucket: '...',
        messagingSenderId: '...',
        appId: '...',
      }
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig)
    </script>
    <!-- END OF FIREBASE INIT CODE -->

您將從 firebase 項目中的 web 應用程序的設置中獲取 firebase 配置詳細信息。 你可以從那里復制它。