Flutter WebをホスティングしたらAssetsgが表示されない

前提

ファイル内の画像イメージをNetwokImageからassetsに変更しました。
変わらずにホスティング先のサイトをGithubActionsで更新したら、textやWidgetは正常に表示されますが、assetsのみ表示されずに真っ白です。

Assetsのディレクトリ構造

txt

1assets: 2 - assets/ 3    -about/ 4       -profile_image.png

yaml

1assets:2 - assets/

ファイル内のPathの呼び出し方法の例

"about/profile_image.png"

上記でビルドでは表示されます。

ビルド方法

develop ビルド

txt

1fvm flutter run -d chrome --web-renderer html

GitihubActionsビルド

txt

1flutter build web --web-renderer html --base-href /${{ steps.version.outputs.repository }}/

上記でビルドとホスティングは問題なく行えていました。

試したこと

flutter build web --web-renderer html もしくは flutter build web

を使用してホスティングするとディレクトリの配下にassetsを認識すると書いてありましたが、既に従来でflutter build weはしているため、--base-hrefが原因なのでは?と考えております。

質問

assetsを使用しているプロジェクトを、githubActionsからホスティングして、ブラウザで正常に表示させるにはどうしたら良いでしょうか?

コメントを投稿

0 コメント