Invalid property autoAlpha set to 0 Missing plugin? gsap.registerPlugin()

[Divisocial]

I am using Angular 10.

 

Trying to start GSAP timelinemax.

 

Here is how I imported the dependencies:

 

import { TimelineMax, Power0,Power3, Back, gsap, Sine } from 'gsap/all';

 

then

 

this.tl = new TimelineMax();

 

Finally:

 

this.tl.from(backgroundImage, 0.5, {autoAlpha:0})
 

Nothing works, I gets: 

 

Invalid property autoAlpha set to 0 Missing plugin? gsap.registerPlugin()

 

Finding not help anywhere. Please help!

 

See the Pen FnsqC by GreenSock (@GreenSock) on CodePen

[GreenSock]

I assume that CodePen you posted has nothing to do with your question, right? There’s no such code in there. 

 

It’s super difficult to troubleshoot blind, so I’ll just guess that your “backgroundImage” isn’t what you think it is. Maybe try to console.log() it right before your tween. Is it a valid DOM element? Probably not. 

 

It also looks like you’re using the very old/legacy formatting. It should technically work fine, but we highly recommend moving to the much more compact, simple GSAP 3 syntax. You don’t need anymore TimelineLite/Max, TweenLite/Max - it’s all consolidated into a single gsap object. See https://GreenSock.com/3-migration for details. 

 

If you still need some help, please post a minimal demo CodePen and we’d be happy to take a peek. http://GreenSock.com/demo

 

[UserX]

gsap.min.js:10 Invalid property drawSVG set to 0% Missing plugin? gsap.registerPlugin()
gsap.min.js:10 Invalid property drawSVG set to 100% 100% Missing plugin? gsap.registerPlugin()

 

I am getting above two warning when my page is load can you help to remove those warning()

[Cassie]

Please don't post duplicates.