Problem : process is not defined error
// .env
REACT_API_URL='https://resource.server'
// LoginLoading
const URL = process.env.REACT_API_URL;- 프로젝트에서 .env 파일을 생성해서 환경 변수를 선언하여 사용했는 데,
Uncaught ReferenceError: process is not defined에러가 발생했습니다.
Solution : import.meta.env 객체 사용
- 프로젝트에서 Vite를 사용하고 있기 때문에,
import.meta.env객체를 이용해 환경 변수에 접근할 수 있습니다. - 또한 Vite에서 접근 가능한 환경 변수는 일반 환경 변수와 구분하기 위해
VITE_접두사를 써야합니다. - 따라서 .env 파일의
REACT_API_URL변수명을VITE_API_URL로 바꾸고, 환경 변수에 접근할 때는import.meta.env.VITE_API_URL로 접근하여 에러를 해결했습니다.
// .env
VITE_API_URL='https://resource.server'
// LoginLoading
const URL = import.meta.VITE_API_URL;참고
