Jump to content
Search Community

WARNING: invalid morph to: #motionPath

rmccre test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Disclaimer: I am very new to Greensock.

 

When i try and port the  animation to my local website, i get the following console errors:

 

WARNING: invalid morph to: #motionPath
MorphSVGPlugin.min.js?pwjne3:13 ERROR: malformed path: false

 

I am loading the assets from the ShockinglyGreen library files. Is there something obvious that i'm missing. The path wasn't created perfectly but it does work on codepen so before i create another, i thought i'd ask those more wise than I. Cheers.

See the Pen YoBeWm by robmccreary (@robmccreary) on CodePen

Link to comment
Share on other sites

Hi @rmccre :)

 

Welcome to the forum and thanks for joining Club GreenSock.

 

I'm wondering about the order in which you're loading files. Are you loading TweenMax --> MorphSVG --> yourcustomJS ? Are you also loading at the bottom of the page or checking to see if the DOM is ready? I'm not sure if this is the issue, but it's the first thing that came to my mind to check.

 

Happy tweening and welcome aboard.

:)

 

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...