SVGMorph import showing "SyntaxError: Cannot use import statement outside a module" on React

[Wired Avenue]

I am getting "SyntaxError: Cannot use import statement outside a module" error when trying to use MorphSVG plugin.

 

I am attaching a screenshot of my import and the error I am getting.

 

Thanks in advanced!

 

[GreenSock]

That must be an issue in your build process or something. It sounds like maybe you're using modules in an environment that doesn't permit that. Very difficult to troubleshoot blind, though. If you still need help, please provide a reduced test case so that we can replicate it on our end. A few things to try:

• Import from the /dis/ directory because those are ES5 files (UMD). So like: 

  import { gsap } from "gsap/dist/gsap.js";
  import { MorphSVGPlugin } from "../gsap/dist/MorphSVGPlugin.js";

   

• Maybe set up your build process to transpile earlier in the process. Like...if you're using the ES module files from GSAP, transpile those too. 
• Remember that if you've got a <script> tag with imports inside of it, you must set type="module", like <script type="module">...</script>