netlify 배포에서 에러가 발생합니다ㅠ

Question

드디어 끝까지 완강을 해서 배포단계에 들어갔는데, 배포에서 오류가 납니다 ㅠㅠ   yarn build로 빌드를 하였습니다. 아래가 로그입니다. 이미지 경로를 못찾는거 같은데, 로컬에서 앱실행시 이미지를 잘 불러옵니다 ㅠ 캐시를 지우고 새로고침해도 잘 나와요..   아래가 해당 에러부분 코드입니다. 위와 같이 img태그의 src 속성에 쓰일 데이터들을 컴포넌트 스크립트 코드에 정의를 하고,   위와 같이 v-for을 사용하여 각 이미지 태그에 src 속성에 바인딩하였습니다.   로컬 실행시 아주 잘 나오는데 ㅠ netflify 배포할땐 저부분에서 에러가 나네요.. 행여나 npm run build로도 해봤는데...안됩니다ㅠ  'require()'를 사용하면 이미지를 못불러오는 것 같은데 무슨 문제일까요..

캡틴판교 · Answer

안녕하세요 용근님, 저도 정확한 원인은 모르겠어서 아래와 같은 방법들을 시도해보면 어떨까 싶습니다..! 1. require 대신 import 사용 2. 이미지 경로를 '@' 대신 상대 경로 사용 3. data 속성의 초기 조건으로 경로를 넣는 것이 아니라 `initImagePath`라는 별도의 메서드로 해당 경로를 각 img 데이터에 할당