Error: Can't resolve 'gsap/DrawSVGPlugin'

hypernym-studio / nuxt-gsap

GSAP module for Nuxt.

MIT License

292 stars 12 forks source link

Error: Can't resolve 'gsap/DrawSVGPlugin' #21

Closed sniperadmin closed 3 years ago

sniperadmin commented 3 years ago

Summary

Getting this error when registering drawSVG into nuxt

Steps done:

nuxt.config.js:

gsap: {
extraPlugins: {},
clubPlugins: {
  drawSVG: true,
},
registerEffect: []
},

using in template with directive:

<circle v-gsap.from="{
  duration: 1,
  drawSVG: '0 100%'
}" cx="121.89451" cy="325.76588" r="45" fill="#6c63ff"/>

I have checked how it is actually registered in the module/templates/plugin:

<% if (options.clubPlugins.drawSVG) { %>
    const { DrawSVGPlugin } = require('gsap/DrawSVGPlugin')
    inject('DrawSVGPlugin', DrawSVGPlugin)
    gsap.registerPlugin(DrawSVGPlugin)
<% } %>

I can't take vague assumptions at this point, but I am thinking that it might have some buggy behaviors 🤔

ivodolenc commented 3 years ago

DrawSVG is a premium plugin, so you must have a Club GreenSock membership to be able to use the premium plugins.

Club GreenSock

nuxt-gsap-module supports Club GreenSock premium plugins. They can be easily activated via module settings, just like the free ones.

Installation

Follow the official instructions and install the premium plugins as usual.
After installation, simply activate the desired plugins and that's it, you're ready to go!

sniperadmin commented 3 years ago

Appreciate the response :), Aha! I see now, so for future, if anyone stucks at this point, we should subscribe first in a premium Club GreenSock

ivodolenc commented 3 years ago

This only applies to specific premium plugins. No need to emphasize this, I think everything is explained in the module documentation and on the official GSAP website.

You can use the module without a subscription. See Licenses.

Neocor89 commented 2 years ago

I have the same problem after using the DrawSvg plugin to animate a small image of my portfolio I find myself blocked after deploying it. I think it's a shame ☹️😞