VSCodeでFlutterでうまく実機デバッグできなくてハマった件

めちゃくちゃハマって焦ったという話です。

1. デバイスが認識できているか確認する

flutter devices で対象のデバイスが認識できているか確認しましょう。
ここは認識していて、ホーム画面まではうまく動いていました。

2. エラーの嵐

ホーム画面の途中のWidget描画する時点でエラーの嵐に会います。
まさにここでハマりました。
デバッグコンソールにもエラーの文字は出てきませんでした。

検索でヒットするように羅列しておきます。

• Main isolate is paused in the debugger
• errors_patch.dartでよく分からんエラーが出る
  • 他にもよく分からんエラーがいっぱい出てました

3. エラー解決

VSCodeのデバッグメニューを開き、一番下の「Uncaught Exceptions」のチェックを外す。

これが厄介で、未処理例外が発生するとデバッグを中断する機能のようです。

そのため、AndroidStudioでは実機デバッグできるけどVSCodeでは実機デバッグできない。という問題に直面したらこの対応をすることで解決できるかもしれません。

さいごに

👋 主にFlutter使ってるエンジニアの pomm（ぽむ）です！ Flutterやエンジニアリングについて、業務や趣味の中で気づいたTipsなどをまとめてます。

いいね・フォローしてくれると喜びます！

この記事が1人でも多くの方へ参考になっていれば嬉しいです。

参考リンク

参考にさせていただきました。良記事ありがとうございます。

Image.network使用時404エラーでアプリがクラッシュする問題