ScrollToPlugin not working

[screenfeed]

I have a really simple usage of the ScrollToPlugin but I get the following error:

 

TypeError: Value can't be converted to a dictionary.

 

Even if I do the following (with hard coded values) I get the same error.

 

TweenMax(el, 1, scrollTo: { x: 200, y: 0});

 

Is the ScrollToPlugin included with TweenMax?  That's my assumption.

 

Any help here is greatly appreciated.

See the Pen XLMeRe by jessegavin (@jessegavin) on CodePen.

[PointC]

The ScrollTo plugin is not automatically loaded with TweenMax. Check out this pen for what is included:

 

See the Pen djXzyR by GreenSock (@GreenSock) on CodePen.

 

Happy tweening.

[screenfeed]

Thank you so much for the answer @PointC

 

 

In my real application I am using npm modules ([email protected]) . My import statement looks like this..

 

import { TweenMax, Power2 } from "gsap";

 

How do I "include" ScrollToPlugin?

[OSUblake]

import "gsap/ScrollToPlugin";

 

[screenfeed]

THANKS SO MUCH @OSUblake and @PointC

[PointC]

Just FYI — 1.20.3 is almost two years old now. The latest version is 2.1.3.

 

Happy tweening.

 

[Petr Mucha]

On 6/21/2019 at 6:58 PM, OSUblake said:

import "gsap/ScrollToPlugin";

This expression caused me a trouble using webpack for bundles. Giving me the exact same error of  "TypeError: Value can't be converted to a dictionary."

What really fixed the issue was using

import * as ScrollToPlugin from "gsap/ScrollToPlugin";

It took me like an hour to figure out what was the issue. Just for the further reference..

 

[OSUblake]

What I had earlier works without treeshaking.

 

Just do it like this.

https://greensock.com/docs/v2/NPMUsage

 

import ScrollToPlugin from "gsap/ScrollToPlugin";
const plugins = [ScrollToPlugin];

 

In the next version of GSAP you will have to register plugins, which will prevent plugins from being dropped.