1.🧐 문제/목표 파악


로컬에서 분명 잘 작동되던 게임이 Netlify에 올리니 작동하지 않는 문제가 발생했다. 배포 할 때 빌드가 잘못되서 그런 것인가 생각했다.
1.🎯 문제/목표 해결 : 문제 범위 좁히기
우선 크게는 이게 배포를 하는 과정에서 생긴 문제인데,
1) netlify 단에서 생긴 것인지
2) vite 빌드를 하면서 생긴 것인지
우선 파악을 해야 했다.


로컬에서 'vite'로만 실행 테스트를 했는데,
'vite build' -> 'vite preview'로 빌드 환경에서 실행 테스트를 해봤다. 그랬더니 netlify 배포했을 때랑 같은 에러 메시지가 떴다.
그 말인 즉슨 이 문제는 vite build단에서 일어난 문제임을 알 수 있었다.
2.🎯 문제/목표 해결 : 검색 - 키워드: vite build assets path
위에서 얻은 단서들로 검색 키워드를 구성했다.
그 결과 얻은 블로그 포스팅 하나
[Vue/Vite] 빌드 시 이미지 동적 로딩 에러
Vite로 Vue 앱을 구성해보았다. 하지만 assets 폴더에 있는 이미지에 대해 동적으로 불러올 때 에러가 발생하였다. 기존의 웹팩을 사용한 프로젝트와는 어떻게 다르게 구성해야하는지 시행착오를
velog.io

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

'Today I Errored 🔥 (문제해결력)' 카테고리의 다른 글
| Netlify Function 에러 / Proxy (0) | 2024.07.05 |
|---|---|
| can't reslove (0) | 2024.07.04 |
| dotenv (0) | 2024.07.02 |
| kaplay에서 scene과 layer, level이 갖는 의미 (0) | 2024.07.01 |
| [kaplay] 버전 확인 (0) | 2024.06.24 |