Element not found: #page>canvas

[ashik 0 Likes (Newbie)]

Element not found: #page>canvas

showing this error...how can I fix it?....I'm trying to make video play on scroll using image sequence... 

See the Pen LYXErPO by md-ashikur (@md-ashikur) on CodePen

[mvaneijgen 2,470 Likes (Superhero)]

I don't use React myself but have you read the following post, there are some great tips in there about how to use GSAP with React. I

 

couldn't get your codepen to work, the formatting isn't correct. It is stating SyntaxError: Unexpected token '<' line 189. Maybe the StackBlitz template is better to use seeing that you are using React (link to template). Hope it helps and happy tweening! 

 

 

[Rodrigo 5,885 Likes (Superhero)]

Hi,

 

Your example is not working because the imports are not pointed to files that actually exists (they rely on having the npm packages installed which is not available in codepen) and a relative path to a CSS file.

 

Please fork this example to create a demo:
https://stackblitz.com/edit/gsap-react-basic-f48716

 

Also we strongly recommend using GSAP Context (as mentioned on the resources in the page @mvaneijgen linked) in React setups, especially the scope utility that could come in handy on this case.

 

Hopefully this helps.

Happy Tweening!