【Flutter】Chromeで起動/デバックできない問題を解決する

【Flutter】Chromeで起動/デバックできない問題を解決する


久しぶりに勉強中のFlutterを触っていて、ChromeでFlutterWebの開発中の画面を確認しようとしたときです。

現象

真っ白な画面が映り(何も写っていない)おかしいぞと思ってF12で確認したところ以下のエラーが出ました。

Flutter Web: Unhandled error detected in the injected client.js script on flutter run

解決策

解決策はシンプルです。

flutter upgrade

のコマンドを打ち、flutterを最新バージョンにアップデートして上げましょう。

https://stackoverflow.com/questions/64393522/flutter-web-unhandled-error-detected-in-the-injected-client-js-script-on-flutte

の記事によると、Chromeのアップデートによって問題が発生したもののFlutter(Dart)側で解決済みの問題らしいです。