ScrollSmoother is not defined

[Ferrari]

How can this be if I membership Greensock Club? 

 

import { gsap } from "gsap";

gsap.registerPlugin(ScrollSmoother);
ScrollSmoother.create({ smooth: 2 });

 

[Rodrigo]

Hi,

 

You're not importing the ScrollSmoother plugin, so basically you're trying to register something that is not defined anywhere in the scope of that particular file.

import { gsap } from "gsap";

import { ScrollSmoother } from "gsap/ScrollSmoother";



gsap.registerPlugin(ScrollSmoother);

ScrollSmoother.create({ smooth: 2 });

 

You can always check the installation guide on the docs as well in order to see how to proceed in different scenarios, especially the installation helper:

https://greensock.com/docs/v3/Installation

 

Hopefully this helps.

Happy Tweening!