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

해결됨
YoungGeun Kwon 프로필

드디어 끝까지 완강을 해서 배포단계에 들어갔는데, 배포에서 오류가 납니다 ㅠㅠ

 

yarn build로 빌드를 하였습니다.

아래가 로그입니다.

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

 

아래가 해당 에러부분 코드입니다.

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

 

위와 같이 v-for을 사용하여 각 이미지 태그에 src 속성에 바인딩하였습니다.

 

로컬 실행시 아주 잘 나오는데 ㅠ netflify 배포할땐 저부분에서 에러가 나네요..

행여나 npm run build로도 해봤는데...안됩니다ㅠ 

'require()'를 사용하면 이미지를 못불러오는 것 같은데 무슨 문제일까요.. 

 

장기효(캡틴판교) 프로필
장기효(캡틴판교) 2달 전

안녕하세요 용근님, 저도 정확한 원인은 모르겠어서 아래와 같은 방법들을 시도해보면 어떨까 싶습니다..!

1. require 대신 import 사용

2. 이미지 경로를 '@' 대신 상대 경로 사용

3. data 속성의 초기 조건으로 경로를 넣는 것이 아니라 `initImagePath`라는 별도의 메서드로 해당 경로를 각 img 데이터에 할당