Search the Community
Showing results for tags 'clubplugins'.
-
I don't have a repro since it's a framework specific issue, but does anyone have any up to date info about integrating club GSAP plugins with Nextjs? I just upgraded to Club GSAP (yay!!), but I'm encountering a seemingly common "Module not found" issue. I'm using Next v14.2.4 I have consulted almost every thread about Next and "module not found". I have tried UMD and ESM imports, clearing my next cache, forcing the removed node_modules and resetting my packages to try a clean install using the "npm install gsap@npm:@gsap/simply". I even tried in a brand new next repo where I never installed gsap-trial. I have dropped my token directly into my npmrc, and also tried abstracting it into a .env. I've attempted with and without the "require" syntax, and nothing seems to solve this pesky "Module not found" error when I try to import SplitText (or any club plugins). When I moved to the brand new Nextjs project, I followed the install helper for npm step by step. I'm considering just using a tarball, but this is a personal project that I'd like to consistently update, so the private npm would be more appropriate. I know the screenshot isn't that helpful, but that's pretty much all I've got right now. Basically just hoping someone has encountered and solved the same issue. As a note, this is NOT a Vercel issue. Haven't even gotten that far yet, this is purely a local dev problem. Still stoked on GSAP and glad to have joined to gain access to these new club plugins
- 1 reply
-
- next.js
- clubplugins
-
(and 1 more)
Tagged with:
-
Hello, im trying to use SplitText club plugin, but i can't make it work. I've searched in forum but no similar issue found. 1. Club token added to `.npmrc` //npm.greensock.com/:_authToken=xxxxxxx @gsap:registry=https://npm.greensock.com 2. transpile gsap in `nuxt.config.ts` build: { transpile: ['gsap'] } 3. Register plugins in `/plugins/gsap.ts` (this also doesn't work `/plugins/gsap.client.ts`) such as: import gsap from 'gsap' import { ScrollTrigger } from 'gsap/ScrollTrigger' import { SplitText } from 'gsap/SplitText' export default defineNuxtPlugin(() => { gsap.registerPlugin(ScrollTrigger) if (process.client) { gsap.registerPlugin(SplitText) } }) Everthing works fine in local build, but not in actual build on server, this is my error: * Also I find here https://github.com/hypernym-studio/nuxt-gsap/pull/41 this comment: (actually same error using nuxt-gsap) So maybe somehow `gsap/SplitText` is not visible for build ? I tried to make minimal repo, which is oddly working fine (just add authToken to `.npmrc`): https://stackblitz.com/edit/github-fhtp4t-jgbsnt?file=nuxt.config.ts,pages%2Findex.vue,.npmrc
-
I am a club greensock member but the gsap zip file I've downloaded does not contain the bonus plugins. Any idea how I can get around this?
-
- 6 replies
-
- wordpress
- lavarel mix
-
(and 1 more)
Tagged with: