flutter で作成した Web アプリを GitHub Page 上にデプロイできない

Flutter で作成した Web アプリケーションを GitHub Pages にデプロイしようとしています。デプロイ自体はなんのエラーもなく成功するのですが、URL を開くと何も表示されません

環境

Flutter 1.24.0-10.2.pre • channel beta • git@github.com:flutter/flutter.git
Dart 2.12.0 (build 2.12.0-29.10.beta)

問題が生じている状況

テストとしてデプロイしているアプリケーションは flutter create で作成される初期状態のものを使っています。デプロイする際には以下のようなワークフローの GitHub Action を走らせて実行しています。

yaml
1name: github pages
2
3on:
4  push:
5    branches:
6      - master
7
8jobs:
9  build-deploy:
10    runs-on: ubuntu-18.04
11    steps:
12      - uses: actions/checkout@master
13
14      - name: Setup Flutter
15        uses: subosito/flutter-action@v1
16        with:
17          channel: "beta"
18
19      - name: Install
20        run: |
21          flutter config --enable-web
22          flutter pub get
23      - name: Build
24        run: flutter build web --release
25
26      - name: Deploy
27        uses: peaceiris/actions-gh-pages@v2.8.0
28        env:
29          ACTIONS_DEPLOY_KEY: ${{ secrets.ACTIONS_DEPLOY_KEY }}
30          GAS_URL: ${{ secrets.GAS_URL }}
31          PUBLISH_BRANCH: gh-pages
32          PUBLISH_DIR: ./build/web

デプロイがエラー無く終了したあとに、Settings -> GitHub Pages のところに表示されている https://USERNAME.github.io/REPO_NAME にアクセスすると真っ白な画面しか描画されません。このとき、コンソールを見ると

Failed to load resource: the server responded with a status of 404 ()
manifest.json:1 Failed to load resource: the server responded with a status of 404 ()
manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.
manifest.json:1 Failed to load resource: the server responded with a status of 404 ()

のようなエラーが出ていて、画面を更新すると、

GET https://USERNAME.github.io/main.dart.js net::ERR_ABORTED 404
manifest.json:1 GET https://USERNAME.github.io/manifest.json 404
manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.

というエラーに変化します。

これは何に問題があるのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

Flutterを触ったことはないんですが、GitHub Pages系で起きそうななこととして
思い当たることがあるので、その方向で回答します。
（ちょっと正確性に自信がありません）

質問内容から推測できること

おそらく開発したWebアプリは、開発時のローカルなどでは http://localhost:0000/ をトップページとした構成となるように確認していると思います。

しかしGitHubで https://github.com/USERNAME/REPO_NAME のリポジトリから作成したPagesは質問欄にもあるとおり、https://USERNAME.github.io/REPO_NAME となっています。
よって、REPO_NAMEというパスが余計に付いてます。

ローカル: ページトップが / であることを期待している
GitHub Pages: 実態としてページトップが /REPO_NAME である

というギャップが起きており、manifest.jsonも想定では/REPO_NAME/manifest.jsonならアクセスできるはずですが、/manifest.jsonにアクセスしようとして404が返ってきています。