Google Sign In idpiframe_initialization_failed 에러

Google 계정 로그인 처리를 위해 아래와 같이 등록하고 구현하는 중에 브라우저에서 "idpiframe_initialization_failed" 에러가 출력되었다. 

 

구글버튼을 화면에 표시하는 화면에서 아래와 같이 발생했는데 찾아보니 크롬 브라우저의 쿠키 설정 문제였다. 구글 연동을 위해서는 쿠키가 허용되어 있어야 한다.

 

습관적으로 개발할 때 크롬을 시크릿모드로 실행을 하는데 내 크롬의 쿠키설정은 '시크릿 모드에서 타사 쿠키 차단' 으로 되어 있어서 에러가 발생하는 것이었다.

 

일단 시크릿모드가 아닌 상태로 어플리케이션을 실행하니 에러없이 잘 동작을 했고, 혹시 일반 모드에서도 동일한 에러가 난다면 크롬 브라우저 설정을 아래 메뉴에서 설정을 확인하고 "모든 쿠키 허용" 이나 "시크릿 모드에서 타사 쿠키 차단"으로 허용해주면 된다.

 

크롭 브라우저 [설정] > [개인정보 및 보안] > [쿠키 및 기타 사이트 데이터]