Failed to resolve import "gsap/ScrollSmoother" from "src\App.tsx". Does the file exist?

[jeeezzzzzyyyyyy]

There's an error while use gsap. Im using React Typescript using vite. This is the error i'm facing right now.

 

I've used gsap/all to import ScrollTrigger and SrollSmoother, and this error pops up.

 

Here's my code for importing gsap. ScrollTrigger works perfectly fine but ScrollSmoother keeps making an error

[GreenSock]

Welcome to the forums, @jeeezzzzzyyyyyy

 

That's because ScrollSmoother is a membership benefit of Club GreenSock and it looks like you haven't joined yet. See https://greensock.com/club

 

ScrollSmoother is not in the public "gsap" package. Once you sign up for Club GreenSock, you get access to a private repo, or you can just download a zip with the files and it also contains a .tgz file that you can npm install. Whatever works best with your workflow. Installation instructions are here.

 

You can use the "gsap-trial" package if you'd like to try any of the members-only plugins on CodePen, CodeSandbox, StackBlitz or locally for FREE. They won't work if you try deploying those files anywhere except a whitelisted domain. 

 

Hopefully you'll find that the Club GreenSock membership pays for itself very quickly when you consider all the time it saves, the performance and compatibility benefits, and all the capabilities it opens up for you. If not, we offer a 100% money-back satisfaction guarantee (we're passionate about having happy customers around here). 

 

Enjoy!

[jeeezzzzzyyyyyy]

Oh I see, thanks

[MOQO]

On 1/2/2023 at 4:08 AM, GreenSock said:

Welcome to the forums, @jeeezzzzzyyyyyy

 

That's because ScrollSmoother is a membership benefit of Club GreenSock and it looks like you haven't joined yet. See https://greensock.com/club

 

ScrollSmoother is not in the public "gsap" package. Once you sign up for Club GreenSock, you get access to a private repo, or you can just download a zip with the files and it also contains a .tgz file that you can npm install. Whatever works best with your workflow. Installation instructions are here.

 

You can use the "gsap-trial" package if you'd like to try any of the members-only plugins on CodePen, CodeSandbox, StackBlitz or locally for FREE. They won't work if you try deploying those files anywhere except a whitelisted domain. 

 

Hopefully you'll find that the Club GreenSock membership pays for itself very quickly when you consider all the time it saves, the performance and compatibility benefits, and all the capabilities it opens up for you. If not, we offer a 100% money-back satisfaction guarantee (we're passionate about having happy customers around here). 

 

Enjoy!

Hi,

 

We would like to test this plugin before buying a membership. We tried installing gsap-trial for this, but we get redirected to a greensock error-page.

Is there a way we can test locally? For Local development we use ddev so the URL for our local development is SITENAME.ddev.site

 

Can we whitelist this for our account or how can we have access to this for just local development?

 

[mvaneijgen]

Hi @MOQO welcome to the forum!

 

The trial plugins can't sense every possible local environment, it just tests if the URL starts with "file://" OR contains "localhost" or "127.0.0.1". You are welcome to use those CodePen-safe trial files on CodeSandbox.io or StackBlitz.com. 

 

We hope to see you soon as a Club Greensock member 🎉

 

[MOQO]

Hi @mvaneijgen,

 

We were able to add localhost to our local domain and got it working.

 

Thanks!

[GreenSock]

6 hours ago, mvaneijgen said:

The trial plugins can't sense every possible local environment, it just tests if the URL starts with "file://" OR contains "localhost" or "127.0.0.1". You are welcome to use those CodePen-safe trial files on CodeSandbox.io or StackBlitz.com. 

 

Yep, that's exactly right. And it'll also allow any IP address. 👍