TypeScript “Module has no exported member .ts(2305)” 오류 해결 완벽 가이드
React와 함께 TypeScript 개발자로 일하고 계시다면 “Module has no exported member .ts(2305)” 오류에 직면했을 가능성이 있습니다. 이 오류 메시지는 선언된 모듈에 존재하지 않는 모듈이나 멤버를 가져오려고 할 때 발생합니다.
문제 파악
제시한 예제들을 자세히 살펴보겠습니다:
예제 1:
import { BrowserRouter, Routes, Route } from 'react-router-dom';
Error: Module 'react-router-dom'에는 'Routes'라는 내보낸 멤버가 없습니다. 'Route'를 사용하려 하셨나요?ts(2724)
이 예제에서는 ‘Routes’ 멤버가 ‘react-router-dom’ 모듈에서 내보내지지 않았습니다. 오류는 ‘Route’를 사용하라고 제안합니다. 이를 해결하는 방법을 알아봅시다.
예제 1 해결:
이 문제를 해결하려면 import 문에서 ‘Routes’를 ‘Route’로 대체해야 합니다:
import { BrowserRouter, Route } from 'react-router-dom';
예제 2:
import { useNavigate } from 'react-router';
Error: Module 'react-router'에는 'useNavigate'라는 내보낸 멤버가 없습니다.ts(2305)
이 예제에서는 ‘useNavigate’ 멤버가 ‘react-router’ 모듈에서 내보내지지 않았습니다. 해결 방법을 찾아봅시다.
예제 2 해결:
이 문제를 해결하려면 ‘react-router’ 모듈에서 ‘useNavigate’ 대신 ‘useNavigation’을 가져올 수 있습니다:
import { useNavigation } from 'react-router';
예제 3:
import { MaterialCommunityIcons } from 'react-native-vector-icons';
Error: Module 'react-native-vector-icons'에는 'MaterialCommunityIcons'라는 내보낸 멤버가 없습니다.ts(2305)
이 예제에서는 ‘MaterialCommunityIcons’ 멤버가 ‘react-native-vector-icons’ 모듈에서 내보내지지 않았습니다. 이 문제를 해결합시다.
예제 3 해결:
이 문제를 해결하려면 올바른 경로에서 ‘MaterialCommunityIcons’를 가져와야 합니다:
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
“Module has no exported member .ts(2305)” 오류에 대한 일반적인 해결법
위의 예제들은 특정 모듈에 대한 수정사항이지만, 작업 중인 모듈에 따라 해결책이 달라질 수 있습니다. 다음은 일반적인 단계입니다:
- 문서 확인: 가져오려는 모듈의 공식 문서를 참조하세요. 올바른 가져오기 구문과 사용 가능한 모든 내보내기를 알려줄 수 있습니다.
- 패키지 업그레이드: 사용 중인 모듈이나 유형 정의의 오래된 버전을 사용하고 있다면 최신 버전으로 업데이트해 보세요. 때로는 이를 통해 문제가 해결될 수 있습니다.
- 호환성 여부 확인: 사용 중인 버전 간에 호환성 문제가 없는지 확인하세요. 종종 주요 업데이트는 새로운 내보내기를 추가하거나 가져오기 구문을 변경합니다.
- 가져오기 구문 확인: 오타나 스펠링이 잘못된 변수가 있는지 가져오기 구문을 다시 확인하세요. 가끔 잘못된 가져오기가 오류를 야기할 수 있습니다.
기억하세요, 구체적인 해결책은 작업 중인 모듈에 따라 다릅니다. 정확한 정보를 얻으려면 항상 공식 문서와 커뮤니티 자료를 참조하세요.
마무리
TypeScript “Module has no exported member .ts(2305)” 오류는 짜증나게 느껴질 수 있지만, 올바른 접근 방식을 따른다면 손쉽게 해결할 수 있습니다. 모듈 구조를 이해하고 문서를 참조하며 올바른 가져오기 구문을 확인하세요. 이러한 단계를 따르면 오류를 해결하고 TypeScript 애플리케이션을 원활하게 개발할 수 있습니다.
