亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Gsap 無法與打字稿一起正常工作

Gsap 無法與打字稿一起正常工作

慕碼人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 論壇上獲得更快的響應。


查看完整回答
反對 回復 2022-10-13
?
一只斗牛犬

TA貢獻1784條經驗 獲得超2個贊

好的,為了創建交錯,只需在 fromVars/toVars 添加 {stagger: 0.1}

祝你今天過得愉快 :)


查看完整回答
反對 回復 2022-10-13
  • 2 回答
  • 0 關注
  • 134 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號