본문 바로가기
에러 해결

[Aws]error: aws Amplify 배포할 때 이미지 유실 문제

by codnjs779 2021. 11. 25.

리액트 프로젝트를 amplify 배포할 때 배경이미지가 나오지 않고 흰색으로만 배포가 되는 문제가 생겼다. 

분명 localhost3000으로 테스트 화면을 볼 때는 멀쩡히 잘 나오던게 배포만 하면 없어지는,,ㅠㅠㅠㅠ!! 이 문제로 구글링을 하다가 아래의 링크를 참고해서 수정해봤더니 잘 적용이 됐다!!

 

1번) 문제가 있는 파일의 확장자 변경하기 / 2번) img 폴더명을 images로 변경- 확장자 변환시에도 문제 발생시 하기

 

파일명

'check' 라는 파일만 자꾸 유실이 됐는데 확장자가 대문자여서 그런가 하고 소문자로 해봤는데도 똑같았다. 

그래서 파일 속성에서 문제가 없는 파일들과 확장자명을 비교해봤는데 소문자로 확장자가 바뀐걸 인식을 못하는 듯해서

그냥 아예 확장자 변경하는 사이트에서 jpg로 확장자를 변경해버렸다. 

왼: 문제파일 / 오: 정상파일

그랬더니 배포할 때 배포단계에서 오류가 생겼다. 그래서 2번 방법까지 적용해서 다시 배포를 해봤는데 배포에 성공했다

이거 때문에,,, 정말 한 3시간을 삽질했다,,, 정말 별거 아니라서 짜증이 났지만 해결해서 속이 다 후련하다.👍

 

배포성공

 

왼:이미지 유실 / 오: 유실문제 해결

 

이런식으로 해결이 아주 잘 된걸 볼 수 있다!! 혹시 같은 문제를 겪고 있는 분들에게 도움이 됐으면 하는 마음으로 글을 남깁니다 :-)!!!! 

 

 

<참고링크>

https://codingapple.com/forums/topic/%EB%B0%B1%EA%B7%B8%EB%9D%BC%EC%9A%B4%EB%93%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EA%B4%80%EB%A0%A8/