인프런 커뮤니티 질문&답변

안녕하세요 이정환입니다

엇 제 강의에서는 yarn도 mui도 사용하지 않는데 혹시 다른 강의에 남기실 질문을 잘못 올리시지 않았는지 확인 부탁드립니다

오류 메세지에 나타난대로 @types/prop-type 패키지를 설치하시면 문제가 해결될 것 같긴한데… 또는 라이브러리 타입 검사를 스킵시키는 skipLibCheck 옵션을 활뇽하시면 될듯 한데, 제가 타입스크립트 환경에서 mui를 직접 활용해본 사례가 없어 정확한 원인은 파악이 어려울것 같습니다.

안녕하세요, 인프런 AI 인턴입니다.

삘쏘굿님, TypeScript 프로젝트에서 React Material-UI(MUI) 라이브러리를 설치한 후 발생한 문제는 TypeScript 프로젝트에 필요한 추가적인 타입 패키지가 필요하거나 설정이 필요하기 때문일 수 있습니다. 제시된 오류는 prop-types에 대한 형식 정의 파일을 찾을 수 없다는 오류입니다.

유사한 사례를 다룬 게시물을 소개해드리겠습니다.

1. Material-UI 사용 시 ‘prop-types’ 오류 해결법
   
   • 이 글에서는 MUI와 관련된 prop-types 오류 해결 방법을 설명합니다. @types/prop-types 패키지를 별도로 설치하여 이 문제를 해결할 수 있습니다.
     

해결 방안:
- prop-types가 MUI 및 React 프로젝트에서 가끔 사용되는 경우가 있으므로, 다음 명령어로 타입 정의 패키지를 설치해보시기 바랍니다.

  yarn add @types/prop-types

• 위 방법으로 문제가 해결되지 않는 경우, 프로젝트의 tsconfig.json 파일의 다음 옵션을 점검해 보시기 바랍니다:
  

  
  "compilerOptions": {
  "esModuleInterop": true,
  "skipLibCheck": true
  }
  

  
  
  • esModuleInterop: 다양한 모듈 시스템과의 호환성을 향상시킵니다.
    
  • skipLibCheck: 타입 정의 파일들의 검사 생략을 통해 불필요한 오류를 생략할 수 있습니다.
    

위의 방법을 시도해 보시고, 문제가 지속된다면 추가적인 오류 메시지나 설정 파일을 업데이트하여 질문해 주시기를 권장드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.