Flutter上传图片至Firebase Storage无响应且报未初始化错误如何解决？

1. 修复Firebase初始化报错 #

你遇到的[core/no-app] No Firebase App '[DEFAULT]' has been created报错核心原因是调用Firebase相关API前未完成Firebase App初始化，按以下步骤修改即可：

• 先执行flutterfire configure命令，按照指引绑定你的Firebase项目，自动生成各平台适配的配置文件firebase_options.dart
• 修改项目main.dart的main函数，确保启动时完成Firebase初始化：

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

void main() async {
  // 必须先初始化Flutter绑定再初始化Firebase
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

2. 修复上传逻辑与弹窗不显示问题 #

你原有代码未处理异步异常、也没有做上下文有效性校验，才会导致弹窗无法正常弹出，修改后的完整上传方法如下：

openGatePhoto() async {
  try {
    // 选择图片
    final file = await ImagePicker.pickImage(source: ImageSource.gallery);
    // 判空处理，避免用户取消选图后触发空指针异常
    if (file == null) return;
    
    // 执行上传逻辑
    Reference reference = FirebaseStorage.instance.ref().child('last_image/car5');
    UploadTask uploadTask = reference.putFile(file);
    // 等待上传完成
    TaskSnapshot snapshot = await uploadTask;
    // 可选：获取上传后的文件下载链接
    String downloadUrl = await snapshot.ref.getDownloadURL();
    print("上传成功，下载地址：$downloadUrl");
    
    // 加mounted判断，仅当前页面仍在渲染树中时才弹出弹窗，避免context失效
    if (mounted) {
      showDialog(
        context: context,
        builder: (context) => CustomDialogOpen(
          title: "Gates are open",
          description: "Licence plate numbers have been successfully stored in the database",
        ),
      );
    }
  } catch (e) {
    // 捕获全链路异常，方便排查问题
    print("上传流程出错：$e");
  }
}

3. 额外注意项 #

• 检查Firebase Storage安全规则，默认规则要求用户登录才可读写，测试阶段可临时调整为公开权限（上线前务必替换为实际权限控制逻辑，避免数据泄露）：

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if true;
    }
  }
}

• 确认pubspec.yaml中已添加firebase_core、firebase_storage、image_picker依赖，且版本和你的Flutter SDK版本兼容。

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