vite 프로젝트 vercel 배포 이미지 오류

arrrrrr·2023년 8월 14일

상황

  • public 폴더에 저장된 이미지 경로를 가져올때, 상대 경로 복사로 가져왔다.
  • src='public/sparkle.png'
  • 코드 작성, 빌드시에 에러는 발생하지 않았지만 배포후에 이미지 오류를 발견했다.

해결

  • (X) vite.config에서 path를 변경했었기 때문에 경로를 읽어오지 못하는 것인가 의심했지만, 같은 경로로 작성한 컴포넌트들은 모두 정상적으로 배포되었고, 빌드 파일에 이미지가 정상 포함되어있음을 발견했다.
  • (O) 이미지 소스 경로만 잘못되었음을 알고난 후, 해당 코드로 이동하니 public 경로에서 소스를 가져왔음을 발견해 지웠다.
  • src='sparkle.png'

1개의 댓글

comment-user-thumbnail
2023년 8월 14일

잘 봤습니다. 좋은 글 감사합니다.

답글 달기