“Module has no exported member .ts(2305)” 오류를 Typescript에서 문제해결하기

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)” 오류에 대한 일반적인 해결법

위의 예제들은 특정 모듈에 대한 수정사항이지만, 작업 중인 모듈에 따라 해결책이 달라질 수 있습니다. 다음은 일반적인 단계입니다:

1. 문서 확인: 가져오려는 모듈의 공식 문서를 참조하세요. 올바른 가져오기 구문과 사용 가능한 모든 내보내기를 알려줄 수 있습니다.
2. 패키지 업그레이드: 사용 중인 모듈이나 유형 정의의 오래된 버전을 사용하고 있다면 최신 버전으로 업데이트해 보세요. 때로는 이를 통해 문제가 해결될 수 있습니다.
3. 호환성 여부 확인: 사용 중인 버전 간에 호환성 문제가 없는지 확인하세요. 종종 주요 업데이트는 새로운 내보내기를 추가하거나 가져오기 구문을 변경합니다.
4. 가져오기 구문 확인: 오타나 스펠링이 잘못된 변수가 있는지 가져오기 구문을 다시 확인하세요. 가끔 잘못된 가져오기가 오류를 야기할 수 있습니다.

기억하세요, 구체적인 해결책은 작업 중인 모듈에 따라 다릅니다. 정확한 정보를 얻으려면 항상 공식 문서와 커뮤니티 자료를 참조하세요.

마무리

TypeScript “Module has no exported member .ts(2305)” 오류는 짜증나게 느껴질 수 있지만, 올바른 접근 방식을 따른다면 손쉽게 해결할 수 있습니다. 모듈 구조를 이해하고 문서를 참조하며 올바른 가져오기 구문을 확인하세요. 이러한 단계를 따르면 오류를 해결하고 TypeScript 애플리케이션을 원활하게 개발할 수 있습니다.

참고 자료 : 

reactjs