Google Closure Compiler parse error: invalid property id for `css({float:'left'})`

Question

I'm using Google Closure Compiler application (command line interface). When I run it I get the below error.

deploy/js/Home.js:40: ERROR - Parse error. invalid property id
    this.$images.wrapAll('<div id="slideInner"></div>').css({float:'left'});
                                                                   ^

1 error(s), 0 warning(s)

Have you tried putting the key in quotes ? `.css({'float':'left'})` ? — Gabriele Petrioli, Jul 07 '11 at 14:10
Note that I've seen unquoted keywords used as this cause errors in IE, so it's a good thing to fix anyway :) — Michael Mior, Jul 07 '11 at 14:16

score 9 · Accepted Answer · answered Jul 07 '11 at 14:12

9

I believe that you need to do:

{'float':'left'}

This is because float is on the list of Java keywords reserved by JavaScript, so it cannot be used as a property name. This may no longer be an issue in newer JS engines, but it can be a problem in older ones, which is why the Compiler yields an error.

answered Jul 07 '11 at 14:12

bolinfest

3,710
2
27
40

Are *Java* keywords really reserved in Ecmascript - I couldn't find a valid reference? Or is this a JScript issue? – Bergi Sep 25 '12 at 12:33

score 2 · Answer 2 · edited Sep 18 '12 at 23:17

2

If you already have tons of soy files, and don't want to change everthing in every soy file, you can pass a flag to the compiler:

--compiler_flags="--language_in=ECMASCRIPT5"

It worked out well for me.

edited Sep 18 '12 at 23:17

the Tin Man

158,662
42
215
303

answered Sep 18 '12 at 19:11

Sebastien

21
1

Google Closure Compiler parse error: invalid property id for `css({float:'left'})`

2 Answers2

Linked

Related