Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Gsap Magento2 and RequireJS: initialization of GSAP

Recommended Posts

Hi there, i'm trying to initialize gsap for testing a basic sample on Magento 2.4.1 theme.

This is the basic example i'm testing:


In my cms page i loaded the html

this is my requirejs-config


 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.

 var config = {
    map: {
                gsap_js: 'js/gsap.custom',

    paths: {            
            'gsap': 'js/gsap.min',
    shim: {
        'gsap': {
            exports: 'gsap'
             deps: ['jquery','gsap']

And here it is the js code gsap_js


    ], function($,gsap){

// FOR EXAMPLE in some line has been called this method:
// gsap.timeline


The problem is that when i go to the page i receive this error:


Uncaught TypeError: gsap.timeline is not a function


If i check inside network tabs, the gsap library has been loaded and it should be all okey but i don't know why, gsap.timeline is not identified as a function.


Can someone help me on this?

Link to comment
Share on other sites

Hi @francescorm


It's really hard to troubleshoot builds, and I'm not really familiar with require.js. Perhaps someone else with more experience with it can chime in.


The gsap files inside the dist folder are umd, so they should work with amd. Have you logged out what gsap is?


    ], function($,gsap){




  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.