카카오 로그인 에러 문의

JavaScript
1

카카오 계정으로 로그인 버튼 클릭시 팝업 노출이 안되고 있습니다… 전엔 계속 잘되다가 갑자기 이렇게 에러가 뜨는데
확인 부탁드립니다
image
https://m.bebesup.co.kr/member/login 주소입니다

2

안녕하세요.

image
image

사이트에 스크립트가 두번 로드되고 있습니다.
kakao.channel.min.js를 재거해 보시겠어요?

3

감사합니다 로그인 버튼은 해결됐습니다!

하지만 이러면 카카오 채널 추가 버튼 스크립트를 어디다가 적어줘야 하나요 ?

4

kakao.min.js 아래 두시면 될 것 같습니다.
또는 DOMContentLoaded 이벤트에서 처리하시면 될 것 같습니다. (jquery: $(function(){ ... }))

5

DOMContentLoaded 이벤트에서 처리하시면 될 것 같습니다. 라는 말이 이해가 되지않는데 혹시 코드로 보여주실 수
있나요 ?

6

죄송합니다.
Kakao.Channel.createAddChannelButton() 기능을 사용하신줄 알고 말씀 드린건데요
해당 사이트 소스를 보니 Kakao.Channel.addChannel()를 사용하셔서 위 내용은 하실 필요가 없습니다.(무시 부탁드립니다. 죄송합니다.)

image

이 부분 아래와 같이 변경하시면 될 것 같습니다.

// $(function(){ <-제거
function addChannel() {
	Kakao.Channel.addChannel({
		channelPublicId: '_NGPqE',
	})
}
// )} <- 제거
7

넵 감사합니다
그럼 카카오 채널 추가 버튼 스크립트를 어디다가 적어야 할까요…?

kakao.min.js 아래 두고 실행해봤는데 계속 에러가 떠서 문의드립니다

8

사용하시는 스크립트 버전이 너무 낮습니다.
<script src="/app/javascript/plugin/kakao/kakao.min.js"></script>
아래 태그로 변경 해보시겠어요?
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>

9

네네 변경완료했는데 kakao.min.js 와 kakao.channel.min.js를 같이 사용하는상황에서는 어떻게 진행해야 하나요 ?

10

kakao.min.js 를 로드하고 있다면, kakao.channel.min.js는 로드 하실필요 없으십니다.
두 스크립트가 충돌할 수 있으니 kakao.channel.min.js는 제거 부탁드립니다.