왜 {import.meta.env.VITE_SOME_KEY} 가 적용이 안될까요 ㅠㅠ

Question

/src/.env 파일에 VITE_SOME_KEY = 123 이렇게 설정하고, App.jsx에 function App() { return( <> {import.meta.env.VITE_SOME_KEY} ) } export default App; 이렇게 설정했습니다. 근데 왜 화면엔 123이 출력이 안되는 걸 까요 ㅠ? 오류 메시지도 없고..강의랑 똑같이 했는데 왜 안나올끼요 ..

도도(코딩루팡) · Answer

AI 인턴 말이 맞네요. /src/.env 경로가 아닌 / 경로에 파일이 있어야 해요.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. ㄹ류님, .env 파일 설정과 코드 사용 방식을 보았을 때 기본적인 구현은 맞아보입니다. 문제를 해결하기 위해 몇 가지 확인해보실 사항이 있습니다. .env 파일은 프로젝트 루트 디렉토리에 위치해야 합니다. /src/.env 경로가 아닌 / 경로에 파일이 있는지 확인해 주세요. 환경 변수가 적용되려면 서버 재시작이 필요합니다. 프로젝트를 다시 시작해 보셨는지 확인해주세요. 만약 위 두 항목을 모두 확인하셨는데도 여전히 값이 출력되지 않는다면, 다른 확장 프로그램이나 브라우저 설정 등 문제가 있는지 확인해볼 필요가 있습니다. 참고로, 환경 변수가 정상적으로 로드되고 있는지 로그를 찍어 확인해볼 수도 있습니다. console.log(import.meta.env); 문제 해결을 위해 위 항목들을 하나씩 체크해보시고 그래도 해결되지 않는 경우, 강의 내용을 한 번 더 확인하거나 추가적인 지원이 필요할 수 있습니다.