質問編集履歴
5
tag
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
4
a
test
CHANGED
File without changes
|
test
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
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Flutter WebをホスティングしたらAssetが
|
1
|
+
Flutter WebをホスティングしたらAssetが真っ白になる
|
test
CHANGED
File without changes
|
2
code
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Flutter WebをホスティングしたらAsset
|
1
|
+
Flutter WebをホスティングしたらAssetが表示されない
|
test
CHANGED
File without changes
|
1
add code
test
CHANGED
File without changes
|
test
CHANGED
@@ -13,33 +13,56 @@
|
|
13
13
|
assets:
|
14
14
|
- assets/
|
15
15
|
```
|
16
|
+
### ビルド方法
|
17
|
+
```yaml
|
18
|
+
name: github pages
|
19
|
+
|
20
|
+
on:
|
21
|
+
push:
|
22
|
+
branches: [main]
|
23
|
+
|
24
|
+
workflow_dispatch:
|
25
|
+
|
26
|
+
jobs:
|
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
|
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
|
42
|
+
with:
|
43
|
+
flutter-version: "3.3.7"
|
44
|
+
channel: "stable"
|
45
|
+
cache: true
|
46
|
+
- run: flutter --version
|
16
|
-
|
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
|
+
|
56
|
+
```
|
57
|
+
## コンソール側のエラー
|
58
|
+
画像が全てエラーになっております。
|
59
|
+
このことから、assetsの参照が間違えているのか、
|
60
|
+
./build/webではなく/docsで参照した方が良いのか、検討がついておりません。
|
61
|
+
|
17
62
|
```ここに言語を入力
|
18
|
-
|
63
|
+
fvm flutter run -d chrome --web-renderer html
|
19
64
|
```
|
20
|
-
|
21
|
-
上記でビルドで
|
65
|
+
上記で普通のビルドをした場合は、chromeで正常にアセットが表示されたため、assetsの参照の仕方は関係あるのでしょうか?
|
66
|
+
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-04/c5ec9880-9fa1-48e3-b699-2c3c1e43cfdd.png)
|
22
67
|
|
23
68
|
|
24
|
-
### ビルド方法
|
25
|
-
develop ビルド
|
26
|
-
```txt
|
27
|
-
fvm flutter run -d chrome --web-renderer html
|
28
|
-
```
|
29
|
-
|
30
|
-
GitihubActionsビルド
|
31
|
-
```txt
|
32
|
-
flutter build web --web-renderer html --base-href /${{ steps.version.outputs.repository }}/
|
33
|
-
```
|
34
|
-
上記でビルドとホスティングは問題なく行えていました。
|
35
|
-
|
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からホスティングして、ブラウザで正常に表示させるにはどうしたら良いでしょうか?
|
45
|
-
|