Javascript sdk cors에러 및 init 문의드립니다(feat: kakao login)

JavaScript
1

28

{name: “KakaoError”, message: “Kakao.init: App key must be provided”}

init해서 초기화 성공한것까지 보고 javascript key까지 확인을 해보았는데도 javascript sdk자체를 가져오는데
CORS에러가 납니다…
플랫폼에 도메인 다등록하였고요, 리다이렉트에도 다 등록하였습니다.
그런데 첨부한 사진처럼 api는 제대로 불러오는것같은…?
근데 왜 저 에러가 나는지 모르겠습니다.
검색해도 나오지가 않아서 문의드립니다…

2

안녕하세요~

Kakao.init 하신 코드블럭 공유 부탁드려요~

App key must be provided에러는 키가 스트링이 아닐때 발생합니다. ( or ‘YOUR APP KEY’ 라고 입력했을때)

3

public.html -> 스크립트 src=“https://developers.kakao.com/sdk/js/kakao.js”

kakaoLoginButton component
const KAKAO_KEY = process.env.REACT_APP_KAKAO_KEY

const handleLogin = rs => {
console.log(‘rs’, rs)
}

const createKakaoButton = () => {
if (Kakao) {
Kakao.init(KAKAO_KEY)
}
}

useEffect(() => {
createKakaoButton()
}, [])

키 자체가 스트링이 아니라서 난 오류인가요?;
근데 콘솔로 찍어봐도 string으로 찍힙니다.
혹시 몰라 퍼블릭 html안에서 스크립트태그안에 스태틱으로 키값넣고 init실행하고 로그로 찍어보면 true로 잘떨어집니다…
그런데도 같은 오류가 계속 나네요…

4

KAKAO_KEY 이 변수를 콘솔로 찍어 보시겠어요?

5

네 잘나오고 타입오브로 체킹해도 스트링으로 찍힙니다…

6

음… 재현할 수 없네요.

말씀하신 것 처럼 init해서 true 떨어지면 성공이고, “App key must be provided” 에러는 init( true ) 전에 발생하거든요.

그런데… 코드를 보니 init을 함수로 감싸서 호출하시네요?

const KAKAO_KEY = process.env.REACT_APP_KAKAO_KEY
Kakao.init(KAKAO_KEY)

이렇게 상단 1회 호출되도록 설정 해보시겠어요?

7

예 말씀대로 해도 같네요…ㅠ
혹시몰라 html script태그안에서 실행해봐도 같습니다…

8

제가 실행해 볼 수 있도록 오류 샘플 쪽지로 보내 주실 수 있을 까요?