Error: Illegal url for new iframe

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

firebase 인증을 활용한 Google 로그인

작성

666

강사님 안녕하세요:)

구글 계정 로그인을 구현하다가 제목과 같은 에러가 발생했습니다(구글로그인 버튼 클릭시).

팝업을 열기 위한 url이 잘못되었다고 나오는데 어느 부분이 잘못되었는지 감이 안잡히네요ㅠ

.env에 있는 내용을 next.config.js에서 export했고 FirebaseClient에서 FirebaseCredentials로 잘 매칭한 것 같은데 이상하네요..

어떻게 접근하면 좋을까요.??

답변 1

지식공유자

안녕하세요 SJ님.

우선 .env의 내용중에서 FIREBASE_AUTH_HOST 내용이 어떻게 입력되어있는지 확인이 필요합니다.

FIREBASE_AUTH_HOST={프로젝트id}.firebaseapp.com

기본형은 위 처럼 써있을 텐데요. 여기서 프로젝트id 부분만 대치하고 {} 괄호를 남겨두셨다면 위와 같은 에러가 발생할 수 있습니다.

정상적으로 입력된 경우라면 아래처럼 {} 괄호 없이 입력될 겁니다.

FIREBASE_AUTH_HOST=study.firebaseapp.com

질문자

빠른 답변 정말 감사합니다. 적용해보겠습니다:)

지식공유자

잘 되셨으면 좋겠네요!

질문자

말씀대로 했더니 에러가 사라졌습니다.

감사합니다 강사님:)

인프런 커뮤니티 질문&답변