vite css background-url 에러

문제상황

react, vite 환경의 프로젝트를 배포했을때 사진이 깨지거나 안나오는 경우가 있었다.

해결방안

• 기존 코드

backgroundImage: url(${isDarkMode ? Dark : Light})

• 해결 코드

backgroundImage: url("${isDarkMode ? Dark : Light}")

위처럼 “” 을 안붙여주면 배포했을때 에러난다.

따옴표를 쓰면 안되니까 주의할것!

참고자료

https://ko.vitejs.dev/guide/assets.html#importing-asset-as-url