I have recently become a Club GreenSock member - ShockinglyGreen, and have installed the GSAP bonus plugins on my computer.
I am testing GSAP with this setup: html, css, js, CDN files and a 'scripts' folder.
For testing I am using the code in 'Toggle button with javascript svg animation' by @fitzsyke 'Artem' on codepen .
I am using these scripts in the html file.
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js" integrity="sha384-..."crossorigin="anonymous"></script>
<script src="./scripts/MorphSVGPlugin.min.js"></script>
<script src="./scripts/CustomEase.min.js"></script>
There is a problem with:
const morphSVGPlugin = MorphSVGPlugin; - in the js file and morphSVGPlugin.pathDataToBezier - also in the js file
Here is the error:
script.js:40 Uncaught TypeError: morphSVGPlugin.pathDataToBezier is not a function
What is causing this problem ?
See the Pen QzMMVJ?editors=1010 by fitzsyke (@fitzsyke) on CodePen
SteinarvDesign's post in I am testing GSAP with this setup: html, css, js, CDN files and a 'scripts' folder. was marked as the answer