Flutter Web集成Stripe与Firebase初始化失效问题求助

你的代码存在几个关键问题，导致Firebase无法正常工作： #

• 重复调用runApp：authStateChanges是数据流，当匿名登录成功后会再次触发回调，导致runApp被执行两次，干扰应用初始化流程。
• 未等待异步登录完成：signInAnonymously是异步操作，但代码未用await等待其完成，后续操作可能在登录状态不稳定时执行。
• Stripe Web端初始化缺失必要配置：flutter_stripe在Web环境下需要额外加载Stripe.js，否则可能间接影响整体初始化流程。

修正后的代码： #

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  setPathUrlStrategy();

  // 优先初始化Firebase，确保核心服务稳定
  await Firebase.initializeApp(
    options: const FirebaseOptions(
      apiKey: "my-project-APIKey",
      authDomain: "my-project.firebaseapp.com",
      projectId: "my-project-id",
      storageBucket: "my-project.appspot.com",
      messagingSenderId: "************",
      appId: "*:************:web:**********************"
    )
  );

  // 初始化Stripe
  Stripe.publishableKey = 'my publishable key';
  await Stripe.instance.applySettings();

  // 处理匿名登录，确保状态稳定后再执行后续操作
  User? user = FirebaseAuth.instance.currentUser;
  if (user == null) {
    user = await FirebaseAuth.instance.signInAnonymously();
  }

  visitsCounter();
  await initializeDateFormatting();
  // 仅调用一次runApp，避免重复初始化
  runApp(const Main());
}

额外必要检查： #

1. Web端Stripe.js引入：在web/index.html的<head>标签中添加Stripe官方脚本，这是flutter_stripe在Web端运行的必备条件：

<script src="https://js.stripe.com/v3/"></script>

2. Firebase配置校验：确认FirebaseOptions中的所有参数（尤其是apiKey、projectId）与Firebase控制台中Web应用的配置完全一致，参数错误会直接导致Firebase初始化失败。
3. 后续状态监听：如果需要监听用户状态变化，将authStateChanges的监听逻辑放到Main组件内部，而非main函数中，避免干扰应用启动流程。

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