ERROR calling method 'setTween()': Supplied argument is not a valid TweenObject

[ChristianBielak]

Hi,

yesterday i updated the gsap version to 2.0.2. Before the update everthing worked fine expect on IE11, thats why i did the update.

But now everything is fucked up. I always get the error message

ERROR calling method 'setTween()': Supplied argument is not a valid TweenObject

Without ScrollMagic the Tween works correctly.

ScrollMagic is on version 2.0.5 gsap is on version 2.0.2

I'm using webpack with Vue.js and TypeScript.

let tl = new TimelineLite()
            .fromTo(".animated-square .line-right", 1, {height: 0}, {height: '100%'}, '-=0.05')
            .fromTo(".animated-square .line-top", 1, {width: 0}, {width: '100%'})
            .fromTo(".animated-square .line-bottom", 1, {width: 0}, {width: '100%'})
            .fromTo(".animated-square .line-left", 1, {height: 0}, {height: '100%'});

      let squareScene = new ScrollMagic.Scene({
            triggerElement: '.animated-square',
            triggerHook: 0.5,
            reverse: false
        })
            .setTween(tl)
            .addTo(this.controller);

Thanks for help.

[GoAndrew]

@ChristianBielak, have you solved this problem?

[krnlde]

Could this be the problem? https://github.com/janpaepke/ScrollMagic/blob/v2.0.5/dev/src/plugins/animation.gsap.js#L4