Flutter Pub: Expected a key while parsing a block mapping. path:

Question

I'm using JSON file and register in Pubspec.ymal but showing error and also when I use an image and register it, the same error also occurs. Maybe there is a formatting mistake in it, but don't know what the problem is.this is the doc I followed.

Error on line 29, column 5 of pubspec.yaml: Expected a key while parsing a block mapping. assets: ^

This is my pubspec.yaml file

name: jsondata description: A new Flutter application.

  dependencies:  

  flutter:

  sdk: flutter

  cupertino_icons: ^0.1.0

  dev_dependencies:   

 flutter_test:

      sdk: flutter

    flutter:

    uses-material-design: true

      assets:

       - loadjson/person.json

have a look [here](https://stackoverflow.com/questions/50171766/flutter-pub-expected-a-key-while-parsing-a-block-mapping-path) — , May 04 '18 at 09:46

score 213 · Accepted Answer · answered May 04 '18 at 10:43

213

Spaces are significant in YAML

assets is indented too far

flutter_test:
  sdk: flutter

flutter:
  uses-material-design: true
  assets:
    - loadjson/person.json

answered May 04 '18 at 10:43

Günter Zöchbauer

490,478
163
1,733
1,404

4

yamllint.com suggested below the question is probably a good advice to track down ll kinds of issues in yaml files. – Günter Zöchbauer Dec 22 '18 at 11:55

score 18 · Answer 2 · answered Aug 30 '19 at 11:57

18

It is because of the indentation of your code.The uses-material-design should be on the same line vertically as the assets:.

 uses-material-design: true

 assets:
   - images/picture.png

answered Aug 30 '19 at 11:57

EngineerDanny

512
6
9

1

Indentation is important, so make sure both are at same level. Left space should be same. – RamKr Dec 09 '19 at 13:15
@Dan Thanks for your answer.The perfect one. – Sakhawat Hossain Feb 18 '20 at 05:45

score 15 · Answer 3 · edited Jul 19 '18 at 06:09

15

Error on line 29, column 4: Expected a key while parsing a block mapping. assets:

flutter: uses-material-design: true assets: - assets/images/image.jpg

In my case i just added # in front of uses-material-design: true

Try below code

flutter:   

  # uses-material-design: true 

   assets: 
    - assets/images/image.jpg

its working fine.

edited Jul 19 '18 at 06:09

Alien

11,017
3
29
45

answered Jul 19 '18 at 05:39

Manikanta chadaram

175
1
2

4

That's probably because the indentation of `uses-material-design: true` was wrong. Commenting it out is not really an option if you want to use material. – Günter Zöchbauer Jul 19 '18 at 06:15
I commented the `uses-material-design` and then did `Packages get` and then uncommented the same to re run on the simulator. Worked fine – Abhishek Bedi Jan 05 '19 at 19:29

Bartek Pacia · Answer 4 · 2020-05-31T22:44:40.653

6

In my case, uses-material-design indentation was broken. I put 1 (one) more space before it, and it worked fine.

edited May 31 '20 at 22:44

answered Sep 14 '18 at 15:01

Bartek Pacia

533
1
10
22

score 4 · Answer 5 · answered Apr 07 '20 at 03:28

With removed comments, original, generated by default pubspec.yaml looks like this

flutter:
  uses-material-design: true
   assets:
    - images/abc.jpg

But it isn't vaild. It doesn't works. It should be:

flutter:
  uses-material-design: true
  assets:
    - images/abc.jpg

Important: Spaces are significant in YAML

score 2 · Answer 6 · answered Jan 22 '20 at 20:03

Spaces are very important in .yaml file.

Just make sure your code is on the same line (vertically) according to key and value.

Or

If you are still confused please watch this simple video. It'll help you to solve the issue easily.

https://imgur.com/gallery/ngoXwUe

score 1 · Answer 7 · answered Sep 21 '20 at 10:17

**Error on line 46, column 4: Expected a key while parsing a block mapping. assets:

flutter: uses-material-design: true assets: - assets/dhaka.jpg**

Make sure when you uncomment the line please check indentation. if indentation is wrong it's going error. flowing this image. Happy coding !!!

score 1 · Answer 8 · answered Apr 06 '21 at 08:46

1

You have to be careful with space in yml file

answered Apr 06 '21 at 08:46

Achraf Farouky

199
1
8

score 0 · Answer 9 · answered Aug 28 '18 at 08:34

0

In My Case, the image was too large to load, decreasing dimension of image worked.

answered Aug 28 '18 at 08:34

DCS

159
2
2
13

2

You might want to add more details to be helpful for future people reading the your answer. – Pierre-Antoine Mar 18 '19 at 10:32

score 0 · Answer 10 · answered Aug 04 '19 at 06:41

Please make sure that we don't have unwanted whitespace since yaml structure is sensitively considering the white spaces. Please refer the documentation for more info as below link,
https://docs.ansible.com/ansible/latest/reference_appendices/YAMLSyntax.html

score 0 · Answer 11 · answered Feb 20 '20 at 03:44

0

As @Baftek mentioned , just indent before uses-material-design:true and press Ctrl+Alt+l (Intellij or Android Studio) to reformat file.

answered Feb 20 '20 at 03:44

Sumit Shukla

2,722
3
21
30

score 0 · Answer 12 · answered May 21 '20 at 06:40

0

Issue is related with indent spacing, check your spacing, it should work fine
fonts: - family: CM Sans Serif fonts: - asset: assets/fonts/cm_sans_serif_2012.ttf

answered May 21 '20 at 06:40

msk_sureshkumar

283
4
10

Flutter Pub: Expected a key while parsing a block mapping. path:

12 Answers12

Linked

Related