인프런 커뮤니티 질문&답변
netlify 배포에서 에러가 발생합니다ㅠ
해결된 질문
작성
·
832
1
드디어 끝까지 완강을 해서 배포단계에 들어갔는데, 배포에서 오류가 납니다 ㅠㅠ
yarn build로 빌드를 하였습니다.
아래가 로그입니다.

이미지 경로를 못찾는거 같은데, 로컬에서 앱실행시 이미지를 잘 불러옵니다 ㅠ 캐시를 지우고 새로고침해도 잘 나와요..
아래가 해당 에러부분 코드입니다.

위와 같이 img태그의 src 속성에 쓰일 데이터들을 컴포넌트 스크립트 코드에 정의를 하고,

위와 같이 v-for을 사용하여 각 이미지 태그에 src 속성에 바인딩하였습니다.
로컬 실행시 아주 잘 나오는데 ㅠ netflify 배포할땐 저부분에서 에러가 나네요..
행여나 npm run build로도 해봤는데...안됩니다ㅠ
'require()'를 사용하면 이미지를 못불러오는 것 같은데 무슨 문제일까요..
답변 1
1
장기효(캡틴판교)
지식공유자
안녕하세요 용근님, 저도 정확한 원인은 모르겠어서 아래와 같은 방법들을 시도해보면 어떨까 싶습니다..!
1. require 대신 import 사용
2. 이미지 경로를 '@' 대신 상대 경로 사용
3. data 속성의 초기 조건으로 경로를 넣는 것이 아니라 `initImagePath`라는 별도의 메서드로 해당 경로를 각 img 데이터에 할당





