[에러일지] FirebaseError: Firebase: Error (auth/auth-domain-config-required).

파이어 배이스로 소셜로그인기능을 마드는 도중 FirebaseError: Firebase: Error (auth/auth-domain-config-required).에러가 떴다.

 

에러 분석

번역

Firebase 오류: Firebase: 오류(auth/auth-domain-config-필수).

 

auth/auth-domain-config를 필수로 해야한다는 뜻이다

auth/auth-domain은 어디에 있을까? -> firebase.js에 firebaseconfig안에 authdomain이 있다.

const firebaseConfig = {
  apiKey: process.env.REACT_APP_FB_API_KEY,
  autoDomain: process.env.REACT_APP_FB_AUTH_DOMAIN,
  projectId: process.env.REACT_APP_PROJECT_ID,
  storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
  appId: process.env.REACT_APP_APP_ID
};

 

해결

.env파일에 firebase api 키를 넣어놓고 firebase.js에서 불러오는 방식으로 api키를 입력하였다.

.env에서 api키들을 불러올때 어딘가 문제가 생긴듯 하다.

.env로 api키를 불러오지 않고 바로 firebasConfig에 api키를 입력하면 작동한다.

const firebaseConfig = {
  apiKey: "AIza...",
  authDomain: "pet...",
  projectId: "pet...",
  storageBucket: "pet...",
  messagingSenderId: "72...",
  appId: "1:721494041..."
};

 

이런식으로 api키를 직접넣어주면 소셜로그인 기능이 잘 작동한다.

 

근데 .env로 api를 불러오면 소셜로그인 기능이 되지 않을까?

이 부분을 추후에 해결하여 따로 포스팅 하겠다.

 

참고 사이트

https://stackoverflow.com/questions/47353822/firebase-authentication-auth-auth-domain-config-required