Uncaught ReferenceError: ScrollSmoother is not defined

[studio mast]

Hi,

 

I have a Gsap shockingly green membership and I want to install scroll smoother.

 

I followed all the steps of the install video / dashboard guidelines.

First I created a .npmrc file with

vim ~/.npmrc

and paste in the dashboard token.

 

After this I did the npm command: 

npm install gsap@npm:@gsap/shockingly

I work with Vitejs and in my javascript I placed:

import { gsap } from "gsap/dist/gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";

gsap.registerPlugin(ScrollTrigger, ScrollSmoother);

 

import { gsap } from "gsap/dist/gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";

gsap.registerPlugin(ScrollTrigger, ScrollSmoother);

 

GSAP and scrolltrigger works fine (when I don't include the scrollsmoother)

But when I include the ScrollSmoother I got this message in the console:

 

Uncaught ReferenceError: ScrollSmoother is not defined

 

 

[GreenSock]

It sounds like you just forgot to import ScrollSmoother

import { gsap } from "gsap/dist/gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
import { ScrollSmoother } from "gsap/dist/ScrollSmoother"; // <-- IMPORTANT!

gsap.registerPlugin(ScrollTrigger, ScrollSmoother);

 

[studio mast]

Thank you very much!

 

'Import scrollSmoother' was not showing in the 'GSAP 3 Install Helper'.

Maybe it can help future users.

 

 

[Rodrigo]

Hi,

 

Is actually there, the problem is that is being inserted inside the block comment:

 

We'll fix that, thanks for pointing it!

 

Happy Tweening!