慕碼人2483693
2022-10-13 16:41:44
我正在使用 ssr 渲染在 nuxt.js 中編寫應用程序。我有 gsap 的問題。我正在使用打字稿,當我嘗試使用timeline.staggerTo() 方法時,我收到錯誤,即TimelineMax 類型上不存在屬性staggerTo()。我如何使用 gsap:我用 yarn add gsap 安裝了它,然后我從“gsap”導入了 TimelineMax就這樣to() 例如有效,但 staggerTo / from no。可能沒有對此的定義。有人知道我可以做什么來修復/解決它嗎?非常感謝您的幫助<3一些代碼import Vue from "vue";import { TweenMax, gsap, TimelineMax } from "gsap";export default Vue.extend({ mounted() { const timeline = new TimelineMax(); timeline .fromTo( ".header__subtitle", 1, { opacity: 0, translateY: -30 }, { opacity: 1, translateY: 0 } ) .staggerFrom(); //Property 'staggerFrom' does not exist on type 'TimelineMax'.Vetur(2339) }});
2 回答

MMMHUHU
TA貢獻1834條經驗 獲得超8個贊
我猜你沒有使用具有最新 Typescript 聲明的 GSAP 3 版本。GSAP 中包含的 Typescript 定義在 3.3 版中得到了重大改進。不要使用 @types 聲明,因為它們非常陳舊和過時。我認為升級您的 GSAP 版本并卸載 @types 聲明應該可以解決您的問題,因為 TimelineMax 是 GSAP 3 中 .timeline() 的便利。
話雖如此,我們 GreenSock 建議您使用GSAP 3 格式。我會像這樣格式化你的代碼:
import Vue from "vue";
import { gsap } from "gsap";
export default Vue.extend({
mounted() {
const timeline = gsap.timeline()
.fromTo(".header__subtitle", {
opacity: 0,
translateY: -30
}, {
duration: 1,
opacity: 1,
translateY: 0,
stagger: 0.2
})
}
});
有關交錯的更多信息,請查看交錯文檔。
僅供參考,您更有可能在 GreenSock 論壇上獲得更快的響應。
添加回答
舉報
0/150
提交
取消