반응형
문제상황
Uncaught FirebaseError: Firebase: Error (auth/invalid-api-key)오늘 리액트 프로젝트를 진행하는데 콘솔창에 이런 오류가 떴다.
pull request를 진행 후 새 브랜치를 파고 pull을 받아온 후에 이런 오류를 접했다.
처음 겪어보는 오류여서 팀원들에게 먼저 조언을 구했다.
한 팀원이 🧐 : .env 파일에 잘 넣으셨나요? 라는 말을 듣자마자 아! 하고 깨달았다.
우리팀은 firebase를 공동으로 사용하고 프로젝트 설정 내 SDK 설정 및 구성에 있는 key값을 .env 파일에 넣어 연동시켰다.
그리고 그 .env 파일을 .gitignore에 넣어놔 push를 할 때 같이 들어가지 않아 사라졌던 것이다.
해결방법
나는 .env 파일에 우리팀 API키를 넣어서 오류를 해결했다! (이 키는 계속 사용할 것이므로 복사를 해놨다.)
구글링을 해서 다른 문제일때도 이런 오류가 생길까 하고 찾아봤는데,
해당 오류의 원인은 3가지가 있다고 한다.
- env가 루트 디렉토리에 없다.
- API 키를 잘못 적었다.
- firebaseCofig export 하고 다른 js 파일에서 import 했을 때 오류가 생긴다.
나의 경우는 1번이었고 경로를 제대로 잡아서 넣어주면 오류를 깔끔하게 잡을 수 있었다!
