Flutter Web调试疑难求助：报错定位异常、断点变量无法检查等问题

各位大佬好！最近我在调试Flutter Web代码时踩了一堆坑，严重拖慢了开发节奏，想请教下大家有没有解决思路，或者靠谱的调试方法指导？

我遇到的典型问题有这几个：

• 错误定位跳转到编译后的JS文件，而非Dart源码
  每次报错，日志指向的都是Flutter编译生成的JS文件，根本没法直接对应到我写的Dart代码行。比如这次空值错误的日志：

  DartError: Unexpected null value.
  dart:sdk_internal 3747:11 throw_
  dart:sdk_internal 4152:30 nullCheck
  package:alpacalaw/blocs/simple_chat/simple_chat_bloc.dart.lib.js 396:74
  对着JS文件找问题简直是大海捞针...

• Bloc/Freezed相关文件断点无法查看局部变量
  我在Bloc类里或者使用Freezed的文件中打了断点，程序触发断点后，居然没法查看任何局部变量的内容，调试直接失去了核心作用，完全不知道运行时的状态是啥样。

• 布局错误不明确指出问题Widget
  碰到布局报错时，日志只会显示类似这样的内容：

  "RenderBox was not laid out: RenderFractionalTranslation#5addd NEEDS-LAYOUT NEEDS-PAINT"
  

  根本不告诉我是哪个具体的Widget导致的布局问题，这在开发Flutter移动端时从来没遇到过，当时都会直接定位到出问题的组件。

这些情况在我做Flutter移动端开发时完全没出现过，难道是我调试Flutter Web的姿势不对吗？如果是我的操作问题，有没有大佬能给我指个实用的调试指南方向？

内容来源于stack exchange