Cant find variable: Kakao 에러

APP ID : 633740

안녕하세요.

현재 카카오 간편로그인을 사용중에 있습니다. 최근에 REST API로 구현한것을 SDK를 사용하여 로그인하는것으로 수정하였습니다. 이렇게 SDK로 변경한 후에 간간히 Cant find variable: Kakao라는 에러가 발생하고 있습니다.

현재 html head에 코드를 작성했는데도 위와 같은 에러가 뜨고 있는 상황인데요. 또한 카카오 인앱 브라우저에서도 같은 에러가 뜨는거 같은데 해결할 수 있는 방법이 없는거 같아서요

왜 그런걸까요??

안녕하세요.

해당 오류는 JS SDK가 로드되지 않은 상태에서 사용하여 발생한 오류 입니다.
JS SDK 로드 위치와 사용 위치를 점검 부탁드립니다.

안녕하세요.
제가 sdk넣은 위치입니다.
HTML의 head영역입니다. 그리고 10번 시도하면 8-9번은 성공하고 1번 안되는거면
일단 제대로 넣었다고 생각이 되는데… 제가 잘 못 넣을걸까요??

답변 부탁드리겠습니다!

재현 가능한 URL 부탁드립니다.

https://app.vircle.co.kr/ 입니다.

아래 사진은 카카오 로그인 init하는 코드입니다.

사이트 확인 결과 달리 문제가 있어 보이진 않습니다.
오류가 if(Kakao) 발생하는 것인가요? 아니면 tracking 안에서 발생하시나요?

추가로, 위와 같이 사용자의 클릭 이벤트로 부터 끊어진 채로 Kakao.Auth.authorize 호출되는 경우 모바일 웹에서 카카오톡으로 로그인 할 수 없게 됩니다. 항시 계정 로그인으로만 동작하게 됩니다.

에러는 아래 사진처럼 브라우저에서 뜹니다.
if문에서 에러가 뜨는거같습니다.

그리고 카카오 인앱 브라우저에서 더 자주 뜨는 느낌이 듭니다

@dawa93

안녕하세요. 기재하신 사이트에서 별다른 특이점 확인하지 못했는데요.

추정되는 상황으로는
(1) SSR 서버사이드랜더링 변환이나 스크립트 압축 진행 시점 객체 호출 못하거나
(2) 리다이렉트 스크립트 리소스 로드 실패 정도 일 것 같습니다.

카카오 cdn으로 리다이렉트 하는 아래 주소 사용하지 마시고

https://developers.kakao.com/sdk/js/kakao.js

아래와 같이 cdn 주소 직접 사용해보시겠어요?

<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.5.0/kakao.min.js" integrity="sha384-kYPsUbBPlktXsY6/oNHSUDZoTX6+YI51f63jCPEIPFP09ttByAdxd2mEjKuhdqn4" crossorigin="anonymous"></script>

안녕하세요. 답변 감사드립니다.

1번과 2번 둘 다 저희쪽에 해당하지 않을거 같은생각이 듭니다.
1번같은 경우 SSR을 사용하지않고 있고, 2번은 QR찍고 들어가는 페이지라서 리다이렉트라고는 아니라고 생각해서요ㅠ

일단 cdn 주소 직접 사용해보겠습니다!

감사합니다.

아, https://developers.kakao.com/sdk/js/kakao.js 요주소가 내부적으로 리다이렉트 됩니다.

그래서 로드 실패했나 싶어서요.

JS SDK V2 cdn 주소로 변경하시고 확인 한번 부탁드려요~

아하 그렇군요. 감사합니다.

변경해서 문제가 생기면 다시 글남기겠습니다!

수고하세요!