Scrollsmooter - Uncaught TypeError: Cannot read properties of undefined (reading 'name')

[SteinbachDigital]

Hi,
I just wanted to give scrollsmoother a try. My normal gsap setup runs good, until I register Scrollsmoother. 

 

import {gsap} from "gsap";
import {ScrollTrigger,ScrollSmoother} from "gsap/ScrollTrigger";
//without this line, ScrollToPlugin may get dropped by your bundler (tree shaking)...
gsap.registerPlugin(ScrollTrigger,ScrollSmoother);

 

added gsap@3.10.3 via yarn.

 

any idea what is wrong?

 

thx

 

ToM

[Cassie]

Hey there.

Do you have a demo or an explanation of the issue Tom?

 

Thanks!

[Cassie]

Ah - I just saw your title, apologies. 

Would you mind stepping the version down to @3.10.2 for me and letting me know if that solves the issue?

[SteinbachDigital]

14 minutes ago, Cassie said:

Ah - I just saw your title, apologies. 

Would you mind stepping the version down to @3.10.2 for me and letting me know if that solves the issue?

downgraded to 3.10.2. same error.

when I look into my node_modules folder of gsap I cant see a file called scroolsmoother. I think the file is missing. 

[Cassie]

I'm not a yarn user but do you have a package.json?

It might look something like this.

 

{
  "name": "something",
  "version": "0.1.0",
  "dependencies": {
    "@gsap/shockingly": "3.10.2",
    "gsap": "npm:@gsap/shockingly",
  },
}

If you change the version and run install again it should change the version

[SteinbachDigital]

30 minutes ago, Cassie said:

I'm not a yarn user but do you have a package.json?

It might look something like this.

 

{
  "name": "something",
  "version": "0.1.0",
  "dependencies": {
    "@gsap/shockingly": "3.10.2",
    "gsap": "npm:@gsap/shockingly",
  },
}

If you change the version and run install again it should change the version

sorry, I changed my previous answer because I was able to downgrade. 
 

downgraded to 3.10.2. same error.

when I look into my node_modules folder of gsap I cant see a file called scroolsmoother. I think the file is missing. 

Edited April 13, 2022 by SteinbachDigital
added more infos

[Cassie]

Oh ok of course! 

Apologies for missing this. ScrollSmoother is a members only Plugin - so you'll need Club GreenSock membership to use it.

You can trial it on codepen and codesandbox though.

[SteinbachDigital]

Just now, Cassie said:

Oh ok of course! 

Apologies for missing this. ScrollSmoother is a members only Plugin - so you'll need Club GreenSock membership to use it.

You can trial it on codepen and codesandbox though.

 

oh my fault. stupid me

I just created an account, but no membership. so sorry

[Cassie]

Not stupid at all!

 

Welcome to Club GreenSock and thank you so much for the support. 💚

[Levin Riegner]

I have a membership but i only get this error when deploying to netlify @Cassie

[GreenSock]

@Levin Riegner check out this answer: 

Does that help? 

[Levin Riegner]

I found a fix, instead of using `import { ScrollTrigger } from 'gsap/ScrollTrigger'; ` i used `import { ScrollTrigger } from 'gsap/all'; `

[GreenSock]

That's very odd. I cannot imagine why that would be helpful at all, but I'm glad it resolved your issue.