Flutter Web崩溃日志行不正确，如何显示真实崩溃代码行？

下面是几种可行的解决方法：

• 开发环境直接调试
  开发阶段运行Flutter Web时，直接使用命令：

  flutter run -d chrome
  

  此时默认不会对JS代码进行压缩混淆，崩溃日志会直接对应到你的Dart源代码行号，无需额外配置。

• 生产环境生成未压缩的构建包
  如果需要调试生产环境的崩溃问题，构建时关闭代码压缩和混淆：

  flutter build web --release --no-minify
  

  这个命令会生成未压缩的JS文件，日志中的行号可以直接对应到原始Dart代码。注意：未压缩的包体积会更大，仅用于调试，正式上线前要换回正常的release构建。

• 利用Source Map映射JS行号到Dart代码
  Flutter Web构建时默认会生成对应的.map格式source map文件，Chrome浏览器可以自动利用这些文件完成行号映射：

  1. 打开Chrome DevTools的Sources面板
  2. 在崩溃日志中点击JS文件的行号，DevTools会自动跳转到对应的Dart源代码位置
  3. 如果是已部署的生产应用，要确保source map文件和JS文件一起部署到服务器（注意：source map会暴露完整源代码，敏感项目需谨慎使用）

• 检查Flutter版本
  确保使用的是较新版本的Flutter，旧版本可能存在source map生成不完整的问题，升级到稳定版通常能解决这类映射异常。

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