TimelineMax首次声明运行正常，第二次声明提示未定义错误求助

• 库引入作用域/加载时机问题
  这是最高发的原因：如果你的TimelineMax依赖的GSAP库是局部引入（比如写在某个条件渲染的HTML片段、单页应用的单个路由页面内），或者是异步加载的，第一次实例化时刚好加载完成能正常调用，第二次实例化触发时，要么原有引入的上下文被销毁，要么异步脚本还没加载完成，就会抛出未定义错误。
• 构造函数被同名变量覆盖
  排查代码中是否存在和TimelineMax同名的自定义变量，比如在第一次实例化后写了const TimelineMax = {}这类赋值代码，把原有的构造函数覆盖了，后续调用时就会找不到原生构造方法。
• 模块化开发场景下的漏引入问题
  如果你用webpack、vite等打包工具做模块化开发，仅在单个模块内引入了TimelineMax，其他模块没有引入就直接调用，就会出现单个模块运行正常、其他模块调用报错的问题。
• GSAP版本兼容问题
  TimelineMax是GSAP v2及更早版本的组件，v3版本之后已经整合到核心gsap对象中，不需要单独引入TimelineMax，如果你的项目中途升级了GSAP版本，旧的实例化写法就会失效。

修复方案

1. 把GSAP库的引入放到HTML的<head>标签内同步加载，确保全局作用域下能访问到构造函数；模块化开发场景下，把TimelineMax的引入放到公共工具文件中统一导出，避免单个页面销毁后就无法调用。
2. 全局搜索代码排查同名变量，修改自定义变量的命名避免覆盖原生构造函数。
3. 如果使用GSAP v3及以上版本，直接替换所有TimelineMax实例化代码为gsap.timeline()即可，示例：

// 旧版v2写法
const tl = new TimelineMax()
// 新版v3写法，不需要单独引入TimelineMax
const tl = gsap.timeline()

4. 异步加载GSAP库的场景下，所有实例化逻辑要写在库加载完成的回调函数内，避免在加载完成前触发调用。

内容的提问来源于stack exchange，提问作者Abhishek choudhary