Hi All,
I am using ScrambleTextPlugin and MorphSVGPlugin in component:
import ScrambleTextPlugin from 'gsap/ScrambleTextPlugin';
import MorphSVGPlugin from 'gsap/MorphSVGPlugin';
Problem 1: The animation only happens if I console.log the versions of plugins in ngOnInit
console.log(ScrambleTextPlugin.version, MorphSVGPlugin.version);
Problem 2: After deploying the app to firebase, it throws TypeError:
Uncaught TypeError: Cannot set property '_autoActivated' of undefined
at Object.zUnb (main.1c91b1d089cbaf940e97.js:formatted:34594)
/*
In the bundled file (formatted), I found following lines related to _autoActivated :
34135: qh = Yc.f.TweenMax
34593: cp = qh
34594: cp._autoActivated = [Vh, jh, Bh, zh, ap, Uh, Yh, Yc.f.Back, lp, Yc.f.Bounce, Yc.f.RoughEase, Yc.f.SlowMo, Yc.f.SteppedEase, Yc.f.Circ, Yc.f.Expo, up, Yc.f.ExpoScaleEase];
*/
This is the link to app on Firebase.
The project runs fine on localhost. Typical Developer Life.
gsap: ^2.0.0
firebase: ^5.0.4
angularfire2: ^5.0.0-rc.10
@angular/core: ^6.0.3