Greensock技术求助：TypeError: Cannot set property 'startAt' of undefined

嘿，我来帮你排查这个问题！你遇到的这个错误，根源其实在动画属性的写法上——咱们看你的JavaScript代码：

let text = document.getElementById('text')
TweenMax.fromTo(text, 5, {width: 100px, height: 500px}, {width: 200px, height: 100px})

这里的width: 100px和height: 500px写法有误：100px没有加引号，会被JavaScript当成一个未定义的变量来解析，GSAP无法正确读取这些属性值，就会导致初始化动画对象失败，进而抛出"TypeError: Cannot set property 'startAt' of undefined"的错误。

修正方案 #

你只需要把带单位的属性值用引号包裹成字符串，或者直接使用数字（GSAP默认会把数字解析为px单位）：

方案1：使用带引号的字符串单位

let text = document.getElementById('text')
TweenMax.fromTo(text, 5, {width: '100px', height: '500px'}, {width: '200px', height: '100px'})

方案2：直接使用数字（推荐，更简洁）

let text = document.getElementById('text')
TweenMax.fromTo(text, 5, {width: 100, height: 500}, {width: 200, height: 100})

这样修改后，GSAP就能正确解析动画的起始和结束状态，不会再出现那个错误啦～

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