質問編集履歴
5
tag
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
4
a
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,11 +3,12 @@
|
|
|
3
3
|
変わらずにホスティング先のサイトをGithubActionsで更新したら、textやWidgetは正常に表示されますが、assetsのみ表示されずに真っ白です。
|
|
4
4
|
|
|
5
5
|
### Assetsのディレクトリ構造
|
|
6
|
-
```
|
|
6
|
+
```
|
|
7
|
+
ディレクトリ構造(プロジェクト配下)
|
|
7
8
|
assets:
|
|
8
9
|
- assets/
|
|
9
|
-
-about/
|
|
10
|
+
- about/
|
|
10
|
-
-profile_image.png
|
|
11
|
+
- profile_image.png
|
|
11
12
|
```
|
|
12
13
|
```yaml
|
|
13
14
|
assets:
|
3
code
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Flutter WebをホスティングしたらAssetが
|
|
1
|
+
Flutter WebをホスティングしたらAssetが真っ白になる
|
body
CHANGED
|
File without changes
|
2
code
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Flutter Webをホスティングしたら
|
|
1
|
+
Flutter WebをホスティングしたらAssetが表示されない
|
body
CHANGED
|
File without changes
|
1
add code
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -13,32 +13,55 @@
|
|
|
13
13
|
assets:
|
|
14
14
|
- assets/
|
|
15
15
|
```
|
|
16
|
-
**ファイル内のPathの呼び出し方法の例**
|
|
17
|
-
|
|
16
|
+
### ビルド方法
|
|
18
|
-
"about/profile_image.png"
|
|
19
|
-
```
|
|
17
|
+
```yaml
|
|
18
|
+
name: github pages
|
|
20
19
|
|
|
20
|
+
on:
|
|
21
|
+
push:
|
|
21
|
-
|
|
22
|
+
branches: [main]
|
|
22
23
|
|
|
24
|
+
workflow_dispatch:
|
|
23
25
|
|
|
26
|
+
jobs:
|
|
24
|
-
|
|
27
|
+
build:
|
|
28
|
+
runs-on: ubuntu-latest
|
|
29
|
+
timeout-minutes: 30
|
|
30
|
+
steps:
|
|
31
|
+
- uses: actions/checkout@v3
|
|
32
|
+
with:
|
|
33
|
+
token: ${{ secrets.GITHUB_TOKEN }}
|
|
34
|
+
|
|
35
|
+
- name: Repository
|
|
25
|
-
|
|
36
|
+
id: version
|
|
37
|
+
run: |
|
|
38
|
+
REPOSITORY=$(echo ${{ github.repository }} | sed -e "s#.*/##")
|
|
39
|
+
echo ::set-output name=repository::$REPOSITORY
|
|
40
|
+
- name: Flutter
|
|
41
|
+
uses: subosito/flutter-action@v2
|
|
26
|
-
|
|
42
|
+
with:
|
|
27
|
-
|
|
43
|
+
flutter-version: "3.3.7"
|
|
44
|
+
channel: "stable"
|
|
45
|
+
cache: true
|
|
46
|
+
- run: flutter --version
|
|
47
|
+
- run: flutter pub get
|
|
48
|
+
- run: flutter build web --web-renderer html --base-href /${{ steps.version.outputs.repository }}/
|
|
49
|
+
|
|
50
|
+
- name: Deploy
|
|
51
|
+
uses: peaceiris/actions-gh-pages@v3
|
|
52
|
+
with:
|
|
53
|
+
github_token: ${{ secrets.GITHUB_TOKEN }}
|
|
54
|
+
publish_dir: ./build/web
|
|
55
|
+
|
|
28
56
|
```
|
|
57
|
+
## コンソール側のエラー
|
|
58
|
+
画像が全てエラーになっております。
|
|
59
|
+
このことから、assetsの参照が間違えているのか、
|
|
60
|
+
./build/webではなく/docsで参照した方が良いのか、検討がついておりません。
|
|
29
61
|
|
|
30
|
-
GitihubActionsビルド
|
|
31
|
-
```
|
|
62
|
+
```ここに言語を入力
|
|
32
|
-
flutter
|
|
63
|
+
fvm flutter run -d chrome --web-renderer html
|
|
33
64
|
```
|
|
34
|
-
上記でビルド
|
|
65
|
+
上記で普通のビルドをした場合は、chromeで正常にアセットが表示されたため、assetsの参照の仕方は関係あるのでしょうか？
|
|
66
|
+
|
|
35
67
|
|
|
36
|
-
## 試したこと
|
|
37
|
-
```
|
|
38
|
-
flutter build web --web-renderer html
|
|
39
|
-
もしくは
|
|
40
|
-
flutter build web
|
|
41
|
-
```
|
|
42
|
-
を使用してホスティングするとディレクトリの配下にassetsを認識すると書いてありましたが、既に従来でflutter build weはしているため、**--base-href**が原因なのでは？と考えております。
|
|
43
|
-
## 質問
|
|
44
|
-
assetsを使用しているプロジェクトを、githubActionsからホスティングして、ブラウザで正常に表示させるにはどうしたら良いでしょうか？
|