배포의 문제인가 빌드의 문제인가

1.🧐 문제/목표 파악

로컬에서 분명 잘 작동되던 게임이 Netlify에 올리니 작동하지 않는 문제가 발생했다. 배포 할 때 빌드가 잘못되서 그런 것인가 생각했다.

 

 

 

1.🎯 문제/목표 해결 : 문제 범위 좁히기

우선 크게는 이게 배포를 하는 과정에서 생긴 문제인데,

1) netlify 단에서 생긴 것인지

2) vite 빌드를 하면서 생긴 것인지

우선 파악을 해야 했다.

 

 

 

 

 

로컬에서 'vite'로만 실행 테스트를 했는데, 

'vite build' -> 'vite preview'로 빌드 환경에서 실행 테스트를 해봤다. 그랬더니 netlify 배포했을 때랑 같은 에러 메시지가 떴다.

그 말인 즉슨 이 문제는 vite build단에서 일어난 문제임을 알 수 있었다.

 

 

2.🎯 문제/목표 해결 : 검색 - 키워드: vite build assets path

위에서 얻은 단서들로 검색 키워드를 구성했다.

그 결과 얻은 블로그 포스팅 하나

https://velog.io/@dmstmdrbs/VueVite-%EB%B9%8C%EB%93%9C-%EC%8B%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%8F%99%EC%A0%81-%EB%A1%9C%EB%94%A9-%EC%97%90%EB%9F%AC

[Vue/Vite] 빌드 시 이미지 동적 로딩 에러

 

 

해당 정보를 바탕으로 public 디렉토리 안에 assets폴더를 위치시켰더니 문제 해결!