Flutter Web报No Firebase App [DEFAULT]未创建错误，现有方案无效如何解决？

核心问题根源 #

• main.dart中未等待Firebase.initializeApp()异步执行完成，初始化未就绪就启动应用触发报错
• index.html中的Firebase初始化语法与引入的8.6.1版本JS SDK不匹配，初始化代码实际未执行成功，未生成[DEFAULT]实例
• pubspec.yaml中Firebase相关依赖未指定版本、多余引入web实现依赖，存在版本不兼容风险

具体修复步骤 #

1. 修正main.dart初始化逻辑 #

给Firebase.initializeApp()添加await关键字，确保初始化完成后再启动应用：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // 添加await等待初始化完成
  await Firebase.initializeApp();
  runApp(const MyApp());
}

2. 修正index.html的Firebase初始化代码 #

移除初始化script标签的type="module"属性，添加firebase.前缀调用初始化API，与8.x版本JS SDK的语法匹配：

<script>
  // Your web app's Firebase configuration
  const firebaseConfig = {
    apiKey: "xxxx",
    authDomain: "xxxxx",
    projectId: "xxxx",
    storageBucket: "xxxxx",
    messagingSenderId: "xxxxxx",
    appId: "xxxxxxxx"
  };
  // 修正初始化调用语法
  firebase.initializeApp(firebaseConfig);
</script>

3. 修正pubspec.yaml依赖配置 #

移除多余的firebase_auth_web依赖，指定与8.6.1版本JS SDK兼容的Firebase包版本：

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2
  # 指定匹配的版本号
  firebase_core: ^1.20.0
  firebase_auth: ^3.11.2
  cloud_firestore: ^3.4.9

修改完成后执行以下命令清理缓存重新拉取依赖：

flutter clean
flutter pub get

可选优化方案 #

如果还是出现报错，可改用FlutterFire官方推荐的自动配置方案，无需手动修改index.html：

1. 全局激活FlutterFire CLI：dart pub global activate flutterfire_cli
2. 在项目根目录执行flutterfire configure，按照指引选择你的Firebase项目和平台
3. 初始化时传入自动生成的配置参数：

import 'firebase_options.dart';

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

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