Search code examples
reactjsgsapscrollmagic

How to use Scrollmagic and GSAP in REACT project

I'm following using this codesandbox as a guide with my React project and receiving this error:

./node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js Module not found: Can't resolve 'TimelineMax'

Assuming I copied everything from that sandbox to my local files, why am I getting that error?

I'm using Create-react-app btw.

Solution

  • animation.gsap.js requires TimelineMax module so try importing 'TimelineMax' module

    import { TimelineMax} from 'gsap/src/uncompressed/TweenMax.js';

    also you can refer to github solution