FlutterをWebで動かすと白紙になる人へ

公開 2024.03.09 284文字 1分

はじめに#

FlutterでWebを使おうとしたら、正常にビルドはできるのに表示されないトラブルに遭遇したため、対処法を書いておく。

ちなクッソ雑い記事なのでごめん🙏

エラー内容 :::note alert TypeError: Cannot set properties of undefined (setting ‘nativeCommunication’ :::

なんかこのエラーが出ていた為、ひたすらGithubやらネットの海を漁っていると以下の情報がヒットした。

このコードをweb/index.htmlのどこかに記載してあげると改善する模様。

1
<script type="application/javascript" src="/assets/packages/flutter_inappwebview/assets/web/web_support.js" defer></script>

エラー内容

:::note alert TypeError: Class constructor IndexedDBLocalPersistence cannot be invoked without ‘new’ :::

その１の対応をするとエラーメッセージが変わった。ググってみると以下のサイトの情報がヒットした。

このパッケージを最新Verにしてあげると俺は無事に表示することができた。

1
 dependencies:
2
  firebase_core: ^0.0.0
3
  cloud_functions: ^0.0.0
4
  firebase_auth: ^0.0.0
5
  cloud_firestore: ^0.0.0

FlutterでWebを使おうとするとなかなかすんなりいかねぇな。