Github에서 클론후 리엑트실행안될때

오류 메시지를 보니 @tanstack/react-query 모듈을 찾을 수 없다고 나왔다.
아마 설치가 안 되었거나, 잘못된 경로에서 실행되고 있을 가능성이 높다.

✅ 해결 방법 1: @tanstack/react-query 설치

먼저 @tanstack/react-query를 설치

npm install @tanstack/react-query

또는

yarn add @tanstack/react-query

설치가 끝나면 다시 실행

npm run dev

---

✅ 해결 방법 2: node_modules 삭제 후 재설치

혹시 모듈이 깨졌을 수도 있으니까 node_modules 폴더를 삭제하고 다시 설치ㄱㄱ

rm -rf node_modules package-lock.json
npm install
npm run dev

yarn을 쓴다면 yarn install로 실행하면 가능

---

✅ 해결 방법 3: Vite 캐시 삭제 후 다시 실행

혹시 Vite가 잘못된 캐시를 들고 있을 수도 있으니까, 캐시를 삭제하고 다시 실행해봐.

npx vite --force

이렇게 하면 Vite가 새롭게 캐시를 갱신하면서 실행될거다.

---

✅ 해결 방법 4: import 문 확인

파일에서 import 문이 잘못되었을 수도 있으니까 아래처럼 확인하기

import { QueryClient, QueryClientProvider } from "@tanstack/react-query";

혹시 @tanstack/react-query가 아니라 react-query로 되어 있다면 변경해줘야 한다.

---

✅ 최종 정리

1️⃣ 먼저 npm install @tanstack/react-query 실행
2️⃣ 그래도 안 되면 node_modules 삭제 후 npm install 다시 실행
3️⃣ 그래도 안 되면 npx vite --force로 캐시 삭제 후 실행
4️⃣ import 경로가 맞는지 다시 확인