CustomEase not working

[DTales 2 Likes (Newbie)]

Hello,

I downloaded GSAP libraries and I tried dealing with CustomEase.js. 

I've imported it together with jQuery and TweenMax but I got this errore in console:

"Uncaught ReferenceError: CustomEase is not defined".

What's the problem?

Thanks.

[mikel 4,774 Likes (Superhero)]

Hi @DTales,

 

Welcome to the GreenSock Forum.

 

A reduced CodePen which reproduce this error would be helpful.

 

Kind regards

Mikel

 

 

[DTales 2 Likes (Newbie)]

Hello Mikel

I report a codepen with working example, but the issue is in CustomEase.js downloaded plugin not in codepen version.

 

 

See the Pen LgELby by mrk1977_02 (@mrk1977_02) on CodePen

 

[mikel 4,774 Likes (Superhero)]

Hi @DTales;

 

The good news: It works.
The other good: You use a trial version of the Club GreenSock bonus plugins that only work on CodePen.
The third good news: You can become a member of the GreenSock Club and use this and other great GreenSock plugins ...

 

Happy weekend and tweening ...

Mikel

 

[GreenSock 18,260 Likes (Superhero)]

Keep in mind that CustomEase isn't in the github repo or the NPM registry (because it's only for people with a GreenSock account). All you need to do is download the zip file from our web site after logging in. Have you tried that? I wonder if maybe you were using the public files or something (which wouldn't have CustomEase). 

 

If you're still having trouble, feel free to post your project either from github or zip the files together so we can see exactly what you've got going on. I'm sure we can help identify the problem once we see your files/setup. 

 

Thanks for being "Shockingly Green"! 

[mikel 4,774 Likes (Superhero)]

Hi @DTales,

 

Sorry that I did not care that you are already a member.

 

Best regards

Mikel

[DTales 2 Likes (Newbie)]

Hello,

Yes I'm a member and I've downloaded GSAP Libraries from GSAP Club.

I found the issue, first I've imported CustomEase.js and got an error "Uncaught ReferenceError: CustomEase is not defined",

then I tried with CustomEase.min.js and it works!

So the issue is in the uncompressed version of the plugin, if you're interested in I created a github repo reproducing the error:

https://github.com/mrk197702/GSAP-CustomEase

 

Thanks

 

[GreenSock 18,260 Likes (Superhero)]

Ah, yes - it looks like you were trying to use the ES6 module version of CustomEase directly in the browser through a <script> tag but that'll only work if you set type="module" in the <script> tag, and only in browsers that support ES6 (most modern ones do these days). That's not related to GSAP specifically - it's just a general JavaScript/browser thing. 

 

If you want to use CustomEase in a <script> tag that's not being run through a bundler like Webpack, I'd strongly recommend using the regular minified (ES5) version of the file. It sounds like you did that and it works well. Super. 

 

Let us know if you need anything else. Happy tweening!