가져온 PNG 이미지는 로컬에서 구문 분석할 수 없습니다(개발 모드에서는 npm vite 실행). 그러나 프로덕션 버전에서는 이를 수정했습니다. 처음에는 동적으로 import했는데, 프로덕션 버전에서는 해결이 안되서 미리 import 했습니다.
npm vite
test.png:1 GET http://localhost:3000/frontend/src/assets/frontend/src/assets/sprites/test.png 404(찾을 수 없음)
이 문제를 해결하려면 새 URL(url, import.meta.url)을 사용하여 prod 및 dev의 정적 리소스를 해결하세요
정적 자산 처리에 대한 Vite 문서 보기: https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이 문제를 해결하려면 새 URL(url, import.meta.url)을 사용하여 prod 및 dev의 정적 리소스를 해결하세요
정적 자산 처리에 대한 Vite 문서 보기: https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url
으아악