VSCodeでFlutterをデバッグしてもChromeに何も表示されない問題

はじめに

「Flutterでアプリ開発をしてみよう！」と思った矢先につまづいたので、備忘録として残します。

現象

Flutterをインストールし、flutter create myappと初期プロジェクトを作り、VSCodeでデバッグしたら発生しました。

こんな感じです。
待てど暮らせど、Webアプリは表示されません。

もう少し設定の詳細を書くとこんな感じです。

• VSCodeのdeviceはChromeを選択
• デバッグはDart & Flutterを選択
• launch.jsonで構成は正しく設定

少しおかしいなと思ったのは以下です。

• flutter create myapp直後の1回目のデバッグはうまくいった
• デバッグをやり直すと失敗した

解決策

色々調べた結果、Flutterのアップデートで解決しました。

flatter upgrade

確認したところ、Flutterのバージョンが2.0.1から2.5.2に上がっていました。

ChromeのアップデートによるDartSDK変更による問題だったようです。
最新のFlutterでは解決済みとのことです。