framer-motion이라는 애니메이션 라이브러리를 사용하려고 npm 설치하고 임포트했더니 이런 에러가 떴다.
./node_modules/framer-motion/dist/es/index.mjs Error: ENOENT: no such file or directory, open '/Users/seungyunkim/Desktop/repositories/lh-web/node_modules/framer-motion/dist/es/index.mjs'
해결방법
1. 버전은 4.1.17 로 내린다.
// 이미 설치한 상태라면 먼저 삭제
npm uninstall framer-motion
// 버전 지정해서 재설치
npm install framer-motion@4.1.17
2. 임포트를 이렇게 한다.
import {AnimatePresence, motion} from 'framer-motion/dist/framer-motion';
// 공식 홈페이지는 이렇게 하라는데 이렇게 하면 안됨
import {AnimatePresence, motion} from 'framer-motion';