Flutter Web Firebase初始化报错：已在index.html初始化仍需在Flutter中初始化吗？

需要在Flutter代码中初始化Firebase，原因如下：

你在index.html中完成的是Web原生Firebase SDK的初始化，但你使用的firebase_auth、cloud_firestore等是Flutter封装的Firebase插件，这些插件有自己的初始化逻辑，不会自动识别Web侧的原生初始化操作。插件需要通过firebase_core完成与底层SDK的绑定，否则调用插件方法时就会触发[core/not-initialized]错误。

具体操作步骤 #

1. 你已安装firebase_core依赖，无需重复安装
2. 在Flutter入口文件（通常是main.dart）的main函数中添加初始化代码：

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
  // 确保Flutter Widget绑定初始化完成
  WidgetsFlutterBinding.ensureInitialized();
  // 初始化Firebase
  await Firebase.initializeApp(
    // 可选：若不想在Flutter代码中重复配置，可省略options参数，插件会自动读取index.html中的firebaseConfig
    options: const FirebaseOptions(
      apiKey: "xxx",
      authDomain: "xxx",
      projectId: "xxx",
      storageBucket: "xxx",
      messagingSenderId: "xxx",
      appId: "xxx",
    ),
  );
  runApp(const MyApp());
}

补充说明 #

• index.html中的原生初始化可以保留，它不会与Flutter插件的初始化冲突，甚至可作为Web侧独立功能的基础
• 必须确保在调用任何Firebase插件方法（比如FirebaseAuth.instance、FirebaseFirestore.instance）之前，完成Firebase.initializeApp()的执行

内容的提问来源于stack exchange，提问作者blob