TimeLineMax 未定义，我真的不知道为什么

Question

我正在尝试使用 TimeLineMax 动画，但我的控制台显示错误：未定义 TimeLineMax。你能帮忙吗？我试图修复它，但我不知道错误在哪里？库是否添加正确？我不知道如何解决该问题...如果有人告诉我小费，我将不胜感激。

const hero = document.querySelector('.t-header__hero');
const slider = document.querySelector('.c-slider');
const logo = document.querySelector('.t-header__logo');
const hamburger = document.querySelector('.t-header__burger');
const headline = document.querySelector('.t-header__headline');

const tl = new TimeLineMax();
tl.fromTo(hero, 1, {height: "0%"}, {height: "80%"});

.t-header {
  section {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
  }

  &__hero {
    height: 60%;
    width: 100%;
    position: relative;

    &::after{
      content: "";
      background: $black;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0.3;
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  &__headline{
    position: absolute;
    top: 70%;
    left: 10%;
    font-size: $font-size-1;
    transform: translate(-20%, -100%);
    color: $white;
    z-index: 3;
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TimelineMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<header class="t-header">
        <nav class="c-nav">
            <a class="t-header__logo" href="#"><img src="#" alt="Logo"></a>
            <img class="t-header__burger" src="images/burger-menu.png" alt="burger menu">
            <!-- menu mobilne -->
            <!-- <div class="t-header__menu-mobile">
                    </div> -->
        </nav>

        <section>
            <div class="t-header__hero">
                <img src="images/mam-tor-5393685_1920.jpg" alt="">
                <h1 class="t-header__headline">Dream Big</h1>
            </div>
        </section>
    </header>

    <div class="c-slider"></div>

Answer 1

是TimelineMax()，小写的“l”，不是TimeLineMax()。

TimeLineMax 未定义，我真的不知道为什么

TimeLineMax is not defined and I don't really know why

javascript

html

css

animation

timeline