Flutter Web应用运行停在web_entrypoint.dart无法启动如何解决

解决方案 #

你当前的启动异常是Firebase初始化流程错误导致，结合你使用的依赖版本，按以下步骤排查即可解决：

• 第一步先补充错误日志定位根因：将main函数catch块的打印逻辑修改为print('Firebase初始化失败: $e')，运行后查看控制台输出的具体报错信息。
• 检查web/index.html内的Firebase配置，这是v1.x版本Flutter Web接入Firebase最容易出问题的环节：
  1. 你使用的firebase_core: ^1.3.0仅适配8.x版本的Firebase Web SDK，不要使用9.x及以上的模块化版本，否则会出现版本不兼容报错。
  2. 所有Firebase Web SDK的引入必须放在main.dart.js的引入之前，且要先引入firebase核心SDK，再引入firestore等业务SDK，顺序不能错乱。
  3. 必须在html的脚本中填入你的Firebase项目Web配置参数，再调用JS侧的Firebase初始化方法，配置参数可从Firebase控制台的项目设置页直接复制。
• 如果你不想在HTML中配置初始化参数，也可以直接在Dart代码中传入配置，修改初始化代码如下：

Future<void> main() async {
  try {
    WidgetsFlutterBinding.ensureInitialized();
    // 替换为你自己项目的Firebase配置参数
    await Firebase.initializeApp(
      options: const FirebaseOptions(
        apiKey: "你的项目apiKey",
        authDomain: "你的项目authDomain",
        projectId: "你的项目projectId",
        storageBucket: "你的项目storageBucket",
        messagingSenderId: "你的项目messagingSenderId",
        appId: "你的项目appId",
      ),
    );
  } catch (e) {
    print('Firebase初始化失败: $e');
  }
  runApp(MyApp());
}

• 所有配置修改完成后，执行flutter clean清理项目缓存，再重新启动Web应用即可正常运行。

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