[通过github上的步骤更新结帐问题]
在本地运行我的Flutter Web应用
flutter run -d chrome --dart-define=FLUTTER_WEB_USE_SKIA=true --release
按预期工作(视频),但将其构建并部署到github页面(此处)
flutter_master build web --dart-define=FLUTTER_WEB_USE_SKIA=true --release
无法访问某些资产,但可以成功访问其他资产。
'about.json'
在本地可以正常工作,但在部署时无法加载
虽然'assets/about.json'
在两种情况下都不起作用
使用的代码可以简化为
rootBundle.loadString('about.json');
我仔细检查了 pubspec.yaml
flutter:
uses-material-design: true
assets:
- background_portrait.jpg
- background_landscape.jpg
- yf_icon_black.png
- yf_logo.png
- about.json
- apps.json
- news.json
- opensource.json
以及构建文件夹中的资产
一切都签出,但问题仍然存在
在这些日志中,您可以看到这些文件存在
对我有用的是完全消除资产文件夹。我在根目录(与lib级别相同)中为每种资产类型创建了一个文件夹,并将它们作为pubspec.yaml中的目录引用:
assets:
- json/
- avatars/
然后在加载它们时,我使用了相对路径:
await rootBundle.loadString('json/structure.json');
Flutter在构建期间创建了一个资产文件夹,并将我所有的资产目录复制到其中。这样,它对我来说可以在调试和发布模式下在GitLab Pages上加载资产。
编辑:我包括用于gitlab页面构建管道的gitlab.ci.yml文件
image: registry.gitlab.com/famedly/containers/flutter-dockerimages:beta
pages:
script:
- flutter clean
- flutter config --enable-web
- flutter pub get
- flutter build web --release
- ls build/web
- cp -r build/web public
- ls public
artifacts:
paths:
- public
only:
- master
您不需要的ls命令仅用于在脚本开发过程中记录输出。我把它们留在那儿是因为它们没有害处,有时会派上用场。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句