未捕获的 ReferenceError：TimelineMax 未定义

编程问答 2022-04-24

问题描述

我一直在 chrome devtools 上收到这个错误。但是我的动画可以正常工作，而且这个错误一直在显示，谁能帮我解决这个问题。

Uncaught ReferenceError: TimelineMax is not defined
    at HTMLdivelement.<anonymous> (script.js:7)
    at Function.each (jquery-1.12.4.min.js:2)
    at n.fn.init.each (jquery-1.12.4.min.js:2)
    at script.js:1

这是我的 script.js

var tween = new TimelineMax ({
        onComplete() {
            bolt.removeClass("animate");
            repeat();
        }
    })
        .set(div,{
            rotation: 360
        })
        .to(div,0.7,{
            y: 80,rotation: 370
        })
        .to(div,0.6,{
            y: -140,rotation: 20
        })
        .to(div,0.1,{
            rotation: -24,y: 80
        })
        .to(div,0.8,{
            ease: Back.eaSEOut.config(1.6),rotation: 0,y: 0
        });

    function repeat() {
        setTimeout(() => {
            bolt.addClass("animate");
            tween.restart();
        },400);
    }
});

HTML：即使将脚本放在 html 正文下方也不起作用。

 <head>
         <script type="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TimelineMax.min.js"></script>
            <script type="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
            <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>

    </head>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）