이름이 같은 라이브러리 사용

박정빈·2024년 7월 5일

카카오 맵을 사용하기 위해서 Mapimport해왔다.

import { Map } from "react-kakao-maps-sdk";

그리고 자료구조 Map을 사용하고 싶어서

const map1 = new Map<string,listType[]>();

과 같이 사용하였는데 에러가 났다.

"대상에 구문 시그니처가 없는 'new' 식에는 암시적으로 'any' 형식이 포함됩니다.",
"0-1개의 형식 인수가 필요한데 2개를 가져왔습니다."

에러를 읽어보니 형식과 인수에 대한 에러이길래,
TS관련 에러인 줄 알고, 문법에 대해 검색을 해보고, 에러도 직접 검색해봤는데 소득이 없었다.

그러다가 다른 파일에서 Map을 사용해봤는데, 에러가 나지 않는 것을 발견하였다.

에러가 나는 파일이 있고 나지 않는 파일이 있었는데, 에러가 나는 파일은 기존의 카카오 맵에서 Map을 import 해왔었던 것이다.

이름이 같아서 생기는 문제로 인식하고 카카오맵에서 import해오는 맵의 별명을 바꿔주었다.

import { Map as KakaoMap } from "react-kakao-maps-sdk";

여기서 주의해야할 점은 Map을 컴포넌트로 사용할 때, 소문자로 시작하면 인식하지 못하기 때문에 에러가 발생한다. 따라서 kakaoMap이 아니라 KakaoMap으로 설정하였다.

0개의 댓글