Vite js 개발 환경에서 정적 리소스의 URL을 찾을 수 없습니다.

Question

가져온 PNG 이미지는 로컬에서 구문 분석할 수 없습니다(개발 모드에서는 npm vite 실행). 그러나 프로덕션 버전에서는 이를 수정했습니다. 처음에는 동적으로 import했는데, 프로덕션 버전에서는 해결이 안되서 미리 import 했습니다.

으아아아 으아아아

test.png:1 GET http://localhost:3000/frontend/src/assets/frontend/src/assets/sprites/test.png 404(찾을 수 없음)

Answer 1

이 문제를 해결하려면 새 URL(url, import.meta.url)을 사용하여 prod 및 dev의 정적 리소스를 해결하세요

정적 자산 처리에 대한 Vite 문서 보기: https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url

으아악