getting this error while importing GSAP in my project Uncaught ReferenceError: require is not defined

[kiranjoshi]

import { gsap } from 'gsap';

import { ScrollTrigger } from 'gsap/ScrollTrigger';

[Toso]

try to import from the dist like

 

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

 

or 

 

 

import { gsap } from 'gsap';
import { ScrollTrigger } from 'gsap/dist/ScrollTrigger.js';

 

and don't forget to register the plugin after that

 

gsap.registerPlugin(ScrollTrigger);

[kiranjoshi]

I tried both the ways but still getting same error. 
It would be so helpful if you can help me more, I have been trying to to fix it from past three days.

Thanks

[kiranjoshi]

[kiranjoshi]

[Rodrigo]

Hi,

 

Is really hard for us to check issues and errors without a minimal demo.

 

The suggestion Toso made works when using on frameworks with some type of bundling/compiling system, like React/Next/Remix, Vue/Nuxt, Astro, etc. It seems to me that you are using Drupal. I know nothing about it but most likely there is no bundling system there, so you would have to use either the files in the ZIP file you can download or the CDN links and be sure to add them before your custom JS file:

https://cdnjs.com/libraries/gsap

 

You can learn more about it here:

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

 

Select the CDN tab in order to see how to use the GSAP files.

 

Hopefully this helps.

Happy Tweening!