본문 바로가기

REACT/REACT-NATIVE

모듈 '{모듈명}' 에 대한 선언 파일을 찾을 수 없습니다.

모듈 'react-native-vector-icons/MaterialCommunityIcons'에 대한 선언 파일을 찾을 수 없습니다. 'd:/private/git/clip/clipApp/node_modules/react-native-vector-icons/MaterialCommunityIcons.js'에는 암시적으로 'any' 형식이 포함됩니다.
  해당 항목이 있는 경우 'npm i --save-dev @types/react-native-vector-icons'을(를) 시도하거나, 'declare module 'react-native-vector-icons/MaterialCommunityIcons';'을(를) 포함하는 새 선언(.d.ts) 파일 추가ts(7016)

Typescript 사용시 위와 같은 에러라인이 발생하게 된다. 해당 경고가 있더라도 모듈 사용에는 문제는 없으나, 개발하는데 빨간줄은 너무나도 거슬리는 부분이니 해결하는게 좋을 것 같다.

// @types/{Module Name}/index.d.ts 와 같은 형식으로 생성하여 ts 정의

// @types/react-native-vector-icons/MaterialCommunityIcons/index.d.ts
declare module 'react-native-vector-icons/MaterialCommunityIcons';



// 생성된 경로의 @types를 참조할 수있도록 설정

// tsconfig.json 
{
  "compilerOptions": {
    "typeRoots" : ["./@types", "./node_modules/@types"]
  },
}

와 같이 처리하면 해당 에러는 사라지게 된다.