第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

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

慕碼人2483693 2022-10-13 16:41:44
我正在使用 ssr 渲染在 nuxt.js 中編寫應(yīng)用程序。我有 gsap 的問題。我正在使用打字稿,當(dāng)我嘗試使用timeline.staggerTo() 方法時,我收到錯誤,即TimelineMax 類型上不存在屬性staggerTo()。我如何使用 gsap:我用 yarn add gsap 安裝了它,然后我從“gsap”導(dǎo)入了 TimelineMax就這樣to() 例如有效,但 staggerTo / from no??赡軟]有對此的定義。有人知道我可以做什么來修復(fù)/解決它嗎?非常感謝您的幫助<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貢獻(xiàn)1834條經(jīng)驗 獲得超8個贊

我猜你沒有使用具有最新 Typescript 聲明的 GSAP 3 版本。GSAP 中包含的 Typescript 定義在 3.3 版中得到了重大改進(jìn)。不要使用 @types 聲明,因為它們非常陳舊和過時。我認(rèn)為升級您的 GSAP 版本并卸載 @types 聲明應(yīng)該可以解決您的問題,因為 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

      })

  }

});

有關(guān)交錯的更多信息,請查看交錯文檔。

僅供參考,您更有可能在 GreenSock 論壇上獲得更快的響應(yīng)。


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

TA貢獻(xiàn)1784條經(jīng)驗 獲得超2個贊

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

祝你今天過得愉快 :)


查看完整回答
反對 回復(fù) 2022-10-13
  • 2 回答
  • 0 關(guān)注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號