지도 api 에서 net::ERR_ABORTED 401 (Unauthorized) 나는데 로컬호스트 도메인등록을 어찌해야하나요?

net::ERR_ABORTED 401 (Unauthorized) 오류가 나고있습니다

구입한 도메인이 따로있는 상태입니다만, 개발중이라 개발 컴퓨터에서 구입한 도메인을 가상호스트로

127.0.0.1 연결해서 개발중입니다, 도커를 이용중이고 ssl 인증서가 되어있는 상태입니다, 도메인등록도 개발자페이지에 config/platform 에 web 도메인등록 칸에 https 와 http 모두 127.0.0.1, localhost 등 모두 등록을했습니다

계속 같은 증상이 나타납니다 ㅠㅠ 왜 이럴까요 ??

401 에러는 앱 인증 관련 에러로 도메인 주소, 앱 키가 올바른지 다시 확인해주세요.
포트번호가 있다면 포트번호까지 등록해야 합니다.
그리고 시크릿 모드에서도 동일한 현상인지 확인 부탁드립니다.

도커상에 포트번호 80 입니다 ssl 443 이고

주소 앱키가 올바르게 넣었습니다시크릿 모드에서도 같은 증상입니다ㅠㅠ

서브도메인이 있습니다, 도메인.kr을 사용중인데 카카오맵이 사용되는 페이지는

서브.도메인.kr 입니다 이런경우에 문제가 되나요??

도메인등록을 서브도메인도 해줘야 될까요?

앱키 올바르게 넣었습니다

서브 도메인도 등록해서 사용해주세요.

안녕하세요

콘솔 로그에 이런 문구가 나면서 맵이 표시가 안되는데 확인좀 해주실수있을까요

sdk.js?appkey=268d83ed2596b89d07576bc436923338:4 [Violation] Avoid using document.write(). https://developers.google.com/web/updates/2016/08/removing-document-write
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:5
sdk.js?appkey=268d83ed2596b89d07576bc436923338:4 [Violation] Parser was blocked due to document.write()
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:5
sdk.js?appkey=268d83ed2596b89d07576bc436923338:4 A parser-blocking, cross site (i.e. different eTLD+1) script, https://t1.daumcdn.net/mapjsapi/js/main/4.3.2/kakao.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:5
sdk.js?appkey=268d83ed2596b89d07576bc436923338:4 [Violation] Parser was blocked due to document.write()
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:5
sdk.js?appkey=268d83ed2596b89d07576bc436923338:4 A parser-blocking, cross site (i.e. different eTLD+1) script, https://t1.daumcdn.net/mapjsapi/js/main/4.3.2/kakao.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:4
(anonymous) @ sdk.js?appkey=268d83ed2596b89d07576bc436923338:5
kakao.js:6 [Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
k @ kakao.js:6
ye @ kakao.js:38
h @ kakao.js:44
map @ aa:73
(anonymous) @ aa:85
l @ jquery-3.3.1.js:2
c @ jquery-3.3.1.js:2
kakao.js:6 [Violation] Added non-passive event listener to a scroll-blocking ‘wheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952
k @ kakao.js:6
ye @ kakao.js:38
h @ kakao.js:44
map @ aa:73
(anonymous) @ aa:85
l @ jquery-3.3.1.js:2
c @ jquery-3.3.1.js:2
Cross-Origin Read Blocking (CORB) blocked cross-origin response https://**.kr/ with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

맨 마지막 줄이 에러의 핵심입니다.
그 외에 위쪽에 발생하는 warning은 무시하셔도 되고요.

서버에서 내려 받는 리소스 중에서
실제 content-type(MIME)이 text/html이 아닌데도
text/html로 내려 받는 것이 있는 것 같습니다.
페이지가 동작 하지 않는 것으로 봐서는 아마 서버에서 핸들링 하고 있는 스크립트 파일인 것 같고요.

이건 에러 로그를 보고 생각한 추측일 뿐입니다.
확실한 것은 페이지를 봐야 알 수 있을 것 같은데,
일단 제가 말씀드린 부분을 한 번 확인해 보세요.

먼저 말씀해주신거 확인해봤는데, 이해가 잘안되서 페이지 하나 확인해주실수있으실까요 ㅠㅠ… ??

https://calendar.ohmanager.kr/testcal 이 페이지 입니다,

콘솔창을 살펴보면 질문 드렸던

serviceworker.js:45 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://ohmanager.kr/ with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

에러가 나오는데

지도는 표시되고 있습니다, 지도는 나오는데 콘솔창에 이런 메시지가 나와서

혹시 왜이런지 좀 살펴주실수 있을까요??

어떤 문제가 있을까요 ㅠㅠ ?

[quote=“ohmanager.mail, post:7, topic:112856, full:true”]
먼저 말씀해주신거 확인해봤는데, 이해가 잘안되서 페이지 하나 확인해주실수있으실까요 ㅠㅠ… ??

https://calendar.ohmanager.kr/testcal 이 페이지 입니다,

콘솔창을 살펴보면 질문 드렸던

serviceworker.js:45 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://ohmanager.kr/ with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

에러가 나오는데

지도는 표시되고 있습니다, 지도는 나오는데 콘솔창에 이런 메시지가 나와서

혹시 왜이런지 좀 살펴주실수 있을까요??

어떤 문제가 있을까요 ㅠㅠ ?
ㅜㅜ

페이지를 확인해 보니 로그에 나와있는 리소스 blocking 때문은 아니네요.

#map 엘리먼트에 height 스타일 값을 지정해 주시지 않은 것 같은데
이것을 확인해 보세요.