[에러해결] Next.js에서 gsap scrollTrigger쓸 때 Unexpected token 'export'

 

✔️ 에러

Next.js에서 gsap의 ScrollTrigger를 사용하려고 하는데 세상 처음보는 에러가 떴다! 이래서 Next.js가 힘들다...

import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";

gsap.registerPlugin(ScrollTrigger);

 

 

✔️ 문제 해결

ScrollTrigger를 조금 다르게 import 하면 된다. 이유는 모름

import { gsap } from "gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
// import { ScrollTrigger } from "gsap/ScrollTrigger";
import RequestMessage from "./RequestMessage";

gsap.registerPlugin(ScrollTrigger);