はじめに
モバイルアプリ開発初心者でFlutter学習中です。自分用メモとしても残しております。
Flutterでフォルダ内の画像を表示しようとpubspec.yamlを編集していました。
Flutterの画像表示方法はこちらのqiita記事が大変参考になりました。
エラーでパッケージ取得できない
assetsを追加してパッケージを取得しようとしたら以下のエラーが発生
Error detected in pubspec.yaml:
Error on line 45, column 4: Expected a key while parsing a block mapping.
╷
45 │ assets:
│ ^
╵
Please correct the pubspec.yaml file at pubspec.yaml
Process finished with exit code 1
assetsが間違ってるっぽいけど、タイポでもなさそうなのでどうしてだろうと悩んでいたのですが、
エラーログをよく見るとcolumnって書かれていることに気がつきました。
なんで行だけじゃなく、列についても指摘されてるんだろう？
原因
こちらの記事が大変参考になりました。
原因はYAMLの文法エラーでした。
YAMLはインデントでデータ構造を表現するようで、今回はインデントが崩れていてエラーが出ていました。そのためエラーログではcolumnについても指摘してくれていたのですね。
新規Flutterプロジェクト作成で生成されるpubspec.yamlではassetsが自動でコメントアウトされており、当初はコメントアウトを外しただけでした。
その場合インデントが崩れている状態になってしまっていたので、揃えてあげる必要がありました。
NG(単純にコメントアウトを外したもの)
pubspec.yaml
# The following section is specific to Flutter.
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
# To add assets to your application, add an assets section, like this:
assets:
- images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
OK(インデント揃えたもの)
pubspec.yaml
# The following section is specific to Flutter.
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
# To add assets to your application, add an assets section, like this:
assets:
- images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
こんな簡単なエラーだったとは！
でもおかげでYAMLも少し知れて、いい勉強になりました！