왜 {import.meta.env.VITE_SOME_KEY} 가 적용이 안될까요 ㅠㅠ
/src/.env 파일에
VITE_SOME_KEY = 123
이렇게 설정하고, App.jsx에
function App() {
return(
<>
{import.meta.env.VITE_SOME_KEY}
<Counter/>
</>
)
}
export default App;
이렇게 설정했습니다. 근데 왜 화면엔 123이 출력이 안되는 걸 까요 ㅠ? 오류 메시지도 없고..강의랑 똑같이 했는데 왜 안나올끼요 ..
답변 2
0
안녕하세요, 인프런 AI 인턴입니다.
ㄹ류님, .env 파일 설정과 코드 사용 방식을 보았을 때 기본적인 구현은 맞아보입니다. 문제를 해결하기 위해 몇 가지 확인해보실 사항이 있습니다.
.env파일은 프로젝트 루트 디렉토리에 위치해야 합니다./src/.env경로가 아닌/경로에 파일이 있는지 확인해 주세요.
- 환경 변수가 적용되려면 서버 재시작이 필요합니다. 프로젝트를 다시 시작해 보셨는지 확인해주세요.
- 만약 위 두 항목을 모두 확인하셨는데도 여전히 값이 출력되지 않는다면, 다른 확장 프로그램이나 브라우저 설정 등 문제가 있는지 확인해볼 필요가 있습니다.
참고로, 환경 변수가 정상적으로 로드되고 있는지 로그를 찍어 확인해볼 수도 있습니다.
console.log(import.meta.env);
문제 해결을 위해 위 항목들을 하나씩 체크해보시고 그래도 해결되지 않는 경우, 강의 내용을 한 번 더 확인하거나 추가적인 지원이 필요할 수 있습니다.
TTL 산정 기준
0
5
0
클로드 설치 및 강의 미션 관련
0
9
0
/config Thinking mode 설정
0
11
1
안녕하세요, 강의 수강 중인 학생입니다.
0
10
1
rules 폴더나 CLAUDE.md 파일 관리 관련 질문
0
17
1
모바일 로고 이미지가 날아갔어요...
0
15
2
사주 판매를 위해서, 사업자등록증 업종 추가해야하나요?
0
27
0
cursor 안에서 다운로드 안되는 게 많은데 대체가 필요할까요
0
37
2
업데이트로 인한 에이전트 생성 변경
0
31
2
gws OAuth 동의 화면 · 클라이언트 · 앱 도메인 · 게시 질문입니다.
0
34
1
starter kit 프로젝트에 prd 문서 만들기
0
44
2
명령어 여러줄 입력방법?
0
43
2
섹션3에서 3.1 리서처 세이지에게 경쟁 카페 가격 조사표 맡기고 링크로 공유하기쪽에 문의가 있습니다.
0
40
1
ctrl + 't' 단축어가 안먹어요
0
34
1
css가 화면에 반영이 되지않습니다.
0
206
1
speed.js란 파일자체가 프로젝트에 없습니다!
0
181
1
웹브라우저에서 글만작성하면 에러가 납니다
0
523
1
질문있어요. React 사용자 처리 수업에서
0
170
1
임폴트가 안됩니다
0
205
1
프롬프트 내용은 어디서 볼수있나요?
1
467
2
마크다운 이미지가 잘 작동안합니다.
1
635
2
프롬프트 명령어 - 입력값과 동일한 언어로 받으려면 어떻게 작성할까요?
1
497
2
useState 오류
1
861
2
const handleEnter 문에 궁금한게 있습니다.
2
362
2