Expecting 'ID', got 'NUMBER'

Question

I have following data in json

"ICON":{
    "144":"https://example.com/bubble-academy.jpg",
    "228":"https://example.com/bubble-academy.jpg",
    "72":"https://example.com/bubble-academy.jpg",
    "152":"https://example.com/bubble-academy.jpg",
    "130":"https://example.com/bubble-academy.jpg",
    "120":"https://example.com/bubble-academy.jpg",
    "32":"https://example.com/bubble-academy.jpg"
}

In handlebars, I am trying to access property 32 like following.

<img src="{{ ICON.32 }}">

and I get following error

Module build failed: Error: Parse error on line 5:
..."{{ mediaFiles.ICON.32  }}">        <sp
-----------------------^
Expecting 'ID', got 'NUMBER'

How can I solve this problem?

Not knowing handlbars, I guess `{{ ICON[32] }}` ? *edit:* Ah, should be `ICON.[32]`. Docs: http://handlebarsjs.com/expressions.html — Felix Kling, Jan 07 '17 at 17:17
Uriel was right, unfortunately they deleted their answer :-/ — Felix Kling, Jan 07 '17 at 17:21
What's the lesson learned here for everybody? Always read the [documentation](http://handlebarsjs.com/expressions.html). — Felix Kling, Jan 07 '17 at 17:21
Almost a duplicate of [How do I access an access array item by index in handlebars?](http://stackoverflow.com/q/8044219/218196c) — Felix Kling, Jan 07 '17 at 17:25
@FelixKling: Maybe not even almost. (Wow, what weird syntax.) — T.J. Crowder, Jan 07 '17 at 17:26

Tha'er AlAjlouni ثائر العجلوني · Accepted Answer · 2017-01-07T17:21:44.747

6

This is because you are using a number as the property name, try using this instead:

<img src="{{ ICON.[32] }}">

edited Jan 07 '17 at 17:21

answered Jan 07 '17 at 17:18

Tha'er AlAjlouni ثائر العجلوني

14,069
7
33
38

It says `Expecting 'ID', got 'INVALID'` – Om3ga Jan 07 '17 at 17:19
`ICON.[32]` ought ti be `ICON[32]` – Tomalak Jan 07 '17 at 17:38

score 0 · Answer 2 · answered Jan 15 '21 at 19:27

Here is also an interesting case to confuse people: (this is how statically generated wordpress forms look)

Input
{
    "body" : {
        'input_2.2': 'Mrs.',
        'input_2.3': 'Cynthia',
        'input_2.6': 'Winterbottom',   
        'input_6': 'Professor',
  }
}

This template results in blanks

<p>Form submission</p>
  <p>{{body.input_2.[2]}} {{body.input_2.[3]}} {{body.input_2.[6]}}</p>
  <p>{{body.input_6}}</p>

Result:
<p></p>
<p>Professor</p>

Apparently since all of the numeric entries do not exist... you can not simply bracket them... you must group the whole subpath at once

Proper template:
<p>Form submission</p>
  <p>{{body.[input_2.2]}} {{body.[input_2.3]}} {{body.[input_2.6]}}</p>
  <p>{{body.input_6}}</p>

This was found via trial and error... could not find proper documentation explaining this

Expecting 'ID', got 'NUMBER'

2 Answers2