Flutter Web应用使用Logger包实现日志：文件创建失败求助

核心问题 #

Flutter Web 环境下，dart:io 的 File API 无法直接操作本地文件——浏览器的安全策略禁止网页直接写入用户本地文件系统，这就是你用 FileOutput 无法创建 log.txt 的根本原因。

可行解决方案 #

1. 调试阶段：输出到浏览器控制台

直接使用 Logger 默认的 ConsoleOutput，日志会打印到浏览器开发者工具的控制台，足够日常调试使用：

static final ddLog = Logger(
  filter: null, 
  printer: PrettyPrinter(), 
  // 移除 FileOutput，默认就是 ConsoleOutput
);

2. 生产环境：日志上报到后端

自定义一个 LogOutput 实现，将日志发送到你的后端接口，由后端负责写入文件或存储到数据库：

class ApiOutput extends LogOutput {
  final String apiUrl;

  ApiOutput(this.apiUrl);

  @override
  void output(OutputEvent event) async {
    for (var line in event.lines) {
      try {
        await http.post(
          Uri.parse(apiUrl),
          headers: {'Content-Type': 'application/json'},
          body: jsonEncode({
            'level': event.level.name,
            'message': line,
            'timestamp': DateTime.now().toIso8601String(),
          }),
        );
      } catch (e) {
        debugPrint('Failed to send log to backend: $e');
      }
    }
  }
}

// 使用方式
static final ddLog = Logger(
  filter: null, 
  printer: PrettyPrinter(), 
  output: kIsWeb ? ApiOutput('https://your-backend.com/logs') : FileOutput(file: File("../lib/log.txt")),
);

3. 允许用户下载日志

如果需要让用户获取日志文件，可以收集日志内容，生成下载链接让用户手动保存：

import 'dart:html';

class DownloadableLogOutput extends LogOutput {
  final List<String> _logs = [];

  @override
  void output(OutputEvent event) {
    _logs.addAll(event.lines);
  }

  // 生成下载链接
  void downloadLogs() {
    final logContent = _logs.join('\n');
    final blob = Blob([logContent], {'type': 'text/plain'});
    final url = Url.createObjectUrlFromBlob(blob);
    final anchor = document.createElement('a') as AnchorElement;
    anchor.href = url;
    anchor.download = 'log.txt';
    anchor.click();
    Url.revokeObjectUrl(url);
  }
}

// 使用方式
static final downloadableLog = DownloadableLogOutput();
static final ddLog = Logger(
  filter: null, 
  printer: PrettyPrinter(), 
  output: kIsWeb ? downloadableLog : FileOutput(file: File("../lib/log.txt")),
);

// 在需要触发下载的地方调用
// downloadableLog.downloadLogs();

代码修正建议 #

在你的现有代码中，需要根据 kIsWeb 条件切换日志输出方式，避免在 Web 环境中初始化 FileOutput：

static final ddLog = Logger(
  filter: null, 
  printer: PrettyPrinter(), 
  output: kIsWeb ? ConsoleOutput() : FileOutput(file: File("../lib/log.txt")),
);

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