当运行程序出现异常的时候,虽然会定位到具体的代码,但是却指向的是flutter自带的代码,这种大段代码看起来就比较费时间。

一个有效的做法是,当出现异常后,点击vscode上方的调试错误的那个横条工具栏。里面一般在左边有一个一步一步往下运行的按钮,点击它,直到在调试控制台出现异常报错信息。

这个时候调试控制台就会很贴心地给出出错的代码是在哪个组件的哪行代码处出的问题。

通常会用红字显示异常,内容大概是以“═══════ Exception caught by”开头,

然后用蓝字显示代码出问题的位置,大概率是这样的文本提示:

The relevant error-causing widget was:

接着根据它的提示就可以找到出错的位置了。