Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

WARNING: invalid morph to: #motionPath

Recommended Posts

Disclaimer: I am very new to Greensock.


When i try and port the https://codepen.io/robmccreary/pen/YoBeWm 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.

Share this post

Link to post
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

Share this post

Link to post
Share on other sites

In addition to the great advice from Craig, if you could post a minimal version of your issue online to a site that we could access we might be able to help more with debugging.

  • Like 1

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.