не загружается анимация GSAP в производство - PullRequest
Новая
       25

не загружается анимация GSAP в производство

0 голосов
/ 26 марта 2020

Очень простая анимация GSAP, созданная с помощью плагина gatsby от Green sock animation, загружает Iframe с помощью реакции и заставляет его исчезать и исчезать.

При развертывании в моем приложении Firebase анимация больше не работает.

Какая возможная причина может помешать запуску анимации при развертывании, когда она отлично работает, когда выполняется локально?

В консоли не сообщается о проблемах. И я понятия не имею, как правильно использовать точки останова в реакции. 

import React, { Component } from "react";
import { TimelineLite, CSSPlugin } from "gsap/all";
import Iframe from 'react-iframe';
import F from "../land.module.scss";

import Button from "components/CustomButtons/Button.jsx";

thing component extension etc {

constructor(props){
        super(props);
        // container
    this.commentContainer = null;
    // tween
    this.Comments = null;
}

componentDidMount(){
// create tween


    this.Comments = new TimelineLite({ paused:true })

    // .to(this.commentContainer, 2, { x: 300 })
    // .to(this.commentContainer, 1, { rotation: 360, transformOrigin: "center" })
    .fromTo(this.commentContainer, {opacity: 0}, {opacity: 1, duration: 1});
    }


render()
return

<>
<button onClick={() => this.Comments.play()}>just the button</button>



    <div className={`${F.fb} col-12 mt-3`} ref={ this_ => this.commentContainer = this_ }>

<Iframe> ---- the iframe details etc URL, position, width height styles. 


export defaults.

Код может не помочь остановить, так как он работает правильно во всех отношениях при использовании gatsby development.

...