.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
Plugin issue with GSAP3 NPM and Nuxt.js
I'm having a problem getting GSAP3 PlugIns to work in a Nuxt(2.10.2) project.
To make sure it wasn't something else I had installed within my existing project, I created a new base nuxt project and I installed GSAP with the .tgz file from the "npm-install-this" directory.
If I add the the base gsap as in
import { gsap } from "gsap";
it works fine, I ran a small tween to test.
However, when I try to introduce a plugin, as suggested, and refresh
I don't think nuxt supports es-modules. I think nuxt is importing the umd file when you do this.
import { gsap } from "gsap";
// It's probably importing this.
import { gsap } from "gsap/dist/gsap";
So try importing umd files like this.
import { gsap } from "gsap/dist/gsap";
import { PixiPlugin } from "gsap/dist/PixiPlugin.js";
gsap.registerPlugin(PixiPlugin);
And if PixiJS is not global, you'll need to register it.
https://greensock.com/docs/v3/Plu
