카카오 로그인 에러

JavaScript
1

문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.

카카오로 접속위해 카카오 로그인 클릭시 나오는 오류입니다!
어떻게 해결 가능할까요?

ERROR

undefined is not an object (evaluating ‘(null === (n = window.Kakao) || void 0 === n ? void 0 : n.Auth)[f]’) @https://www.artpickhaso.com/static/js/bundle.js:53964:72 callCallbackhttps://www.artpickhaso.com/static/js/bundle.js:31349:23 dispatchEvent@[native code] invokeGuardedCallbackDev@https://www.artpickhaso.com/static/js/bundle.js:31393:33 invokeGuardedCallback@https://www.artpickhaso.com/static/js/bundle.js:31450:40 invokeGuardedCallbackAndCatchFirstError@https://www.artpickhaso.com/static/js/bundle.js:31464:34 executeDispatch@https://www.artpickhaso.com/static/js/bundle.js:35607:46 processDispatchQueueItemsInOrder@https://www.artpickhaso.com/static/js/bundle.js:35633:26 processDispatchQueue@https://www.artpickhaso.com/static/js/bundle.js:35644:41 dispatchEventsForPlugins@https://www.artpickhaso.com/static/js/bundle.js:35653:27 batchedUpdates$1@https://www.artpickhaso.com/static/js/bundle.js:50197:18 batchedUpdates@https://www.artpickhaso.com/static/js/bundle.js:31197:34 dispatchEventForPluginEventSystem@https://www.artpickhaso.com/static/js/bundle.js:35812:21 dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay@https://www.artpickhaso.com/static/js/bundle.js:33319:42 dispatchEvent@https://www.artpickhaso.com/static/js/bundle.js:33313:88 dispatchDiscreteEvent@https://www.artpickhaso.com/static/js/bundle.js:33290:22

2

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.

앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456

3

1050828 입니다!

4

테스트환경은 아이폰 사파리 입니다

5

1050828 디벨로퍼스앱에서 발생한 에러는 없고
개발하신 코드 문제로 추정됩니다.

undefined is not an object (evaluating ‘(null === (n = window.Kakao) || void 0 === n ? void 0 : n.Auth)[f]’)

카카오 JS SDK를 로딩 하지 못하는 것으로 보입니다.

관련 코드블럭과 확인가능한 사이트 URL 기재해주시겠어요?

6

react-kakao-login": “^2.1.1” 패키지를 사용하고 있는데, 아이폰 크롬에선 되고 사파리에서 안됩니다.

7

아이폰 사파리, 톡 설치환경/미설치환경 모두 정상작동하는데요.
아래 내용 추가 확인 부탁드려요.

  1. 톡 설치 여부 / 버전
  2. iOS 버전
  3. 사파리버전
  4. 다른 iOS 기기 정상 작동 여부
8

설치됨 / 10.7.1
iOS 17.4.1
다른 기기에서는 정상 작동 합니다.

iOS 버전 문제인지 확인 부탁드립니다.

9

iOS 17.5로 업데이트 해도 에러가 나네요 ㅠ

10

저도 동일한 버전에서 테스트 했습니다.
iOS 버전문제는 아닌 것 같네요.

설치됨 / 10.7.1
iOS 17.4.1

iOS 17.4.1 로 업데이트되며 카카오톡 인앱브라우저에서 JS SDK v1 구버전을 사용하는 경우 팝업 방식로그인이 안되는 경우는 리포팅된 경우가 있으나 (v1 최신 버전으로 해결 가능하고 JS SDK v1 최신 버전을 사용하시므로 관련 없어 보입니다.)

사파리 케이스는 사례가 없고 재현도 안되는데요.
카카오톡 삭제 후, 로그인 테스트와 재설치 후 테스트 각각 한번씩 해주시겠어요?

11

카카오톡 삭제 하여도 에러 동일하고 재설치 해도 동일하네요.

접속 했을때 에러는 이렇게 나옵니다.
ERROR
undefined is not an object (evaluating ‘window.Kakao.init’)
@https://www.artpickhaso.com/static/js/bundle.js:54424:44
@https://www.artpickhaso.com/static/js/bundle.js:54330:21
a@https://www.artpickhaso.com/static/js/bundle.js:54246:17

에러메세지를 끄고 카카오로 접속 하기 눌렀을때 나오는 에러

ERROR
undefined is not an object (evaluating ‘(null === (n = window.Kakao) || void 0 === n ? void 0 : n.Auth)[f]’)
@https://www.artpickhaso.com/static/js/bundle.js:54377:72
callCallback@https://www.artpickhaso.com/static/js/bundle.js:31762:23
dispatchEvent@[native code]
invokeGuardedCallbackDev@https://www.artpickhaso.com/static/js/bundle.js:31806:33
invokeGuardedCallback@https://www.artpickhaso.com/static/js/bundle.js:31863:40
invokeGuardedCallbackAndCatchFirstError@https://www.artpickhaso.com/static/js/bundle.js:31877:34
executeDispatch@https://www.artpickhaso.com/static/js/bundle.js:36020:46
processDispatchQueueItemsInOrder@https://www.artpickhaso.com/static/js/bundle.js:36046:26
processDispatchQueue@https://www.artpickhaso.com/static/js/bundle.js:36057:41
dispatchEventsForPlugins@https://www.artpickhaso.com/static/js/bundle.js:36066:27
batchedUpdates$1@https://www.artpickhaso.com/static/js/bundle.js:50610:18
batchedUpdates@https://www.artpickhaso.com/static/js/bundle.js:31610:34
dispatchEventForPluginEventSystem@https://www.artpickhaso.com/static/js/bundle.js:36225:21
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay@https://www.artpickhaso.com/static/js/bundle.js:33732:42
dispatchEvent@https://www.artpickhaso.com/static/js/bundle.js:33726:88
dispatchDiscreteEvent@https://www.artpickhaso.com/static/js/bundle.js:33703:22

12

동일 환경에서 재현이 안되고, 테스트 해보신 다른 기기에서도 재현 안되며
재현 되는 기기에서도 크롬에서는 된다고 하신 것으로 추정할때
(카카오톡 설치 여부도 관련 없는 것 같구요)

해당 기기 사파리 캐시나 설정 문제일 것 같습니다.

(1) 캐시 초기화
(2) 다른기기와 설정비교
한번 해보시겠어요?

13

캐시 초기화 하니 해결되네요 감사합니다.

1개의 좋아요