inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)

GPT API Key발급, React Env설정

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

해결된 질문

715

ㄹ류

작성한 질문수 7

1

/src/.env 파일에

VITE_SOME_KEY = 123

이렇게 설정하고, App.jsx에

function App() {

return(

<>

{import.meta.env.VITE_SOME_KEY}

<Counter/>

</>

)

}

export default App;

이렇게 설정했습니다. 근데 왜 화면엔 123이 출력이 안되는 걸 까요 ㅠ? 오류 메시지도 없고..강의랑 똑같이 했는데 왜 안나올끼요 ..

HTML/CSS javascript react node.js chatgpt

답변 2

0

도도(코딩루팡)

AI 인턴 말이 맞네요.

/src/.env 경로가 아닌 / 경로에 파일이 있어야 해요.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

ㄹ류님, .env 파일 설정과 코드 사용 방식을 보았을 때 기본적인 구현은 맞아보입니다. 문제를 해결하기 위해 몇 가지 확인해보실 사항이 있습니다.

  1. .env 파일은 프로젝트 루트 디렉토리에 위치해야 합니다. /src/.env 경로가 아닌 / 경로에 파일이 있는지 확인해 주세요.
  2. 환경 변수가 적용되려면 서버 재시작이 필요합니다. 프로젝트를 다시 시작해 보셨는지 확인해주세요.
  3. 만약 위 두 항목을 모두 확인하셨는데도 여전히 값이 출력되지 않는다면, 다른 확장 프로그램이나 브라우저 설정 등 문제가 있는지 확인해볼 필요가 있습니다.

참고로, 환경 변수가 정상적으로 로드되고 있는지 로그를 찍어 확인해볼 수도 있습니다.

console.log(import.meta.env);

문제 해결을 위해 위 항목들을 하나씩 체크해보시고 그래도 해결되지 않는 경우, 강의 내용을 한 번 더 확인하거나 추가적인 지원이 필요할 수 있습니다.

plans 생성이 안됩니다.

0

8

2

수업자료 문의

0

7

1

더빙에 어떤 ai가 쓰였는지 궁금합니다.

0

9

0

보안 적용에 대한 강의가 있을까요?

0

4

1

Auto-memory 기능

0

12

1

64강 context 7 관련 질문

0

13

1

Auto-memory 기능

0

13

0

55강 7분56초

0

10

0

55강 git 초기화 관련 질문이요

0

11

1

클로드 코드에 붙여넣기후 편집 관련 질문입니다!

0

15

1

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

18

1

윈 터미널의 클로드와 에디터의 터미널의 클로드에 관한 질문

0

13

1

output-styles 명령어 없어 지지 않았나요?

0

17

1

[MISSION 7] 프로필 웹 Github 링크 제출하기 관련..

0

25

0

css가 화면에 반영이 되지않습니다.

0

166

1

speed.js란 파일자체가 프로젝트에 없습니다!

0

151

1

웹브라우저에서 글만작성하면 에러가 납니다

0

465

1

질문있어요. React 사용자 처리 수업에서

0

144

1

임폴트가 안됩니다

0

157

1

프롬프트 내용은 어디서 볼수있나요?

1

428

2

마크다운 이미지가 잘 작동안합니다.

1

577

2

프롬프트 명령어 - 입력값과 동일한 언어로 받으려면 어떻게 작성할까요?

1

464

2

useState 오류

1

822

2

const handleEnter 문에 궁금한게 있습니다.

2

324

2