invalid easing tween value: [object Object] on simple tween

[killroy 6 Likes (Newbie)]

When doing a simple tween:

 

tl

.set("#blueBox", {

  x: 200, y: 20, scale: 0.5

})

.to("#blueBox", 3, {

  scale: 1,

  easing: Power2.easeOut

})

 

I get these errors in the console:

invalid easing tween value: [object Object]

 

What causes this and how do I fix it?

 

Thanks

See the Pen VYwMWv by killroy (@killroy) on CodePen

[Diaco 1,995 Likes (Superhero)]

Hi killroy 

 

pls fix this :

ease:Power2.easeOut // "easing" is wrong

[killroy 6 Likes (Newbie)]

Could we improve that error message to include a stack trace and the invalid property name? This would make debugging things so much easier and more professional.

[Carl 11,102 Likes (Superhero)]

Hmm, not quite sure what you mean. The error already states that easing was invalid.

 

invalid easing tween value: [object Object]

 

The only thing TweenMax knows is that the property you tried to alter on your target object doesn't exist.

 

You would get the same type of error. If you did

TweenLite.to("#blueBox", 3, {  scale: 1,
  hamburger: "with cheese"
})

Error: invalid hamburger tween value: [object Object] 

 

Does that help?

 

As for the stack trace, that is certainly something we can consider. Thanks for the suggestion.

[killroy 6 Likes (Newbie)]

I suggest perhaps putting the value in quotes "easing", because as it is it can also mean that I used the correct property but the wrong "easing" value for it I'm temped to monkey patch, as it's an easy change, but it would be a pain to maintain. I guess you don't accept pull requests?