Vite / CSS·JS가 안 입혀져요
디자인이 깨지거나 “Vite manifest not found”, npm 오류가 날 때예요.
디자인 깨짐
Vite
npm 오류
왜 생기나요?
프론트 파일(CSS/JS)이 빌드되지 않았거나, 개발 서버(`npm run dev`)가 꺼져 있거나, 운영에는 `npm run build` 결과가 없는 상태입니다.
이렇게 확인해 보세요
- 로컬이면 터미널에 `npm run dev`가 켜져 있는지 확인하세요.
- 운영이면 `public/build/manifest.json` 파일이 있는지 확인하세요.
- 터미널 오류에 `npm ERR!`가 있으면 그 메시지를 그대로 복사하세요.
이렇게 고치면 돼요
- 로컬: 프로젝트 폴더에서 `npm install` 후 `npm run dev`.
- 운영: 로컬에서 `npm run build`한 뒤 `public/build` 폴더를 서버에 올리세요.
- 명령이 안 되면 지금 있는 폴더가 프로젝트 루트(package.json이 있는 곳)인지부터 확인하세요.
AI에게 이렇게 물어보세요
ChatGPT, Claude, Codex에 그대로 붙여넣으면 돼요. 이 사이트는 AI 계정을 대신 쓰지 않아요.
코딩 초보자입니다. 사이트 디자인이 깨지거나 Vite/npm 오류가 납니다. [오류] vite npm 디자인 로컬인지 운영인지를 구분해 주고, npm run dev / npm run build / public/build 중 무엇을 해야 하는지 쉬운 말로 알려주세요.
코딩 초보자입니다. 사이트 디자인이 깨지거나 Vite/npm 오류가 납니다.
[오류]
vite npm 디자인
로컬인지 운영인지를 구분해 주고, npm run dev / npm run build / public/build 중 무엇을 해야 하는지 쉬운 말로 알려주세요.