Ionic 카카오내비 api 관련 문의

JavaScript
#1

안녕하세요. ionic4와 카카오 내비 api를 통해서 길안내를 받는 코드를 만들고 있습니다.

async kakaoInit(): Promise<void> {
        if (document.getElementById('kakao')) {return; }
        const script = document.createElement('script');
        script.src = '//developers.kakao.com/sdk/js/kakao.min.js';
        script.id = 'kakao';
        script.onload = () => Kakao.init('app key');
        document.head.appendChild(script);
    }

    // kakao navi 이동
    navigation(address: {name: string, x: string, y: string}): void {
        this.kakaoInit().then(() => {
            Kakao.Navi.start({
                name: address.name, // 이름
                x: Number(address.x), // y 좌표
                y: Number(address.y), // x 좌표
                coordType: 'wgs84' // 좌표타입
            });
        });
    }

카카오 스크립트를 생성한 뒤 위치를 찾는데,
domain mismatched! caller=등록url checked out registered web domains. 에러가 발생합니다.
앱 플랫폼에 개발시 사용하고 있는 모든 도메인은 등록해져 있습니다.

에러가 왜 발생하는 걸까요??

#2

메시지 확인 부탁드려요.

#3

카카오의 개발자 계정 / 기본정보 / 플래폼 / 웹 / 사이트 도메인에 http://localhost 가 등록되면 동작되던데, 맞는건지…

#4

Ionic에서 동일한 문제를 겪고 있습니다. service14님 코드 참고해서 constructor에서 스크립트로딩과 init()을 수행하고 내비안내를 클릭했을 때 start() 메서드를 수행하도록 했습니다. 동작이 안되니, byoungchulee님 언급처럼 웹어플에 http://localhost도 등록해 보았지요. 결과는, Ionic에서는 아무런 반응이 없어요. 에러도 전혀 없는 걸 봐서는 스크립은 제대로 로딩은 된거 같고요. 해결하신 분 있으시면 지혜를 나누어 주소서~