본문 바로가기
기록하는 중/React

[React] npm install 후 모든 페이지에서 오류가 난 문제

by 성장하는 요롱이 2024. 11. 26.
npm install 오류
  •  프로젝트 중 추가된 react package의 설치가 필요한 상황이였는데 npm install react-package 가 아닌 npm install 로 받음
  •  에러 : 'Element'형식은 'ReactNode' 형식에 할당할 수 없습니다. 
  •  에러 : 'JSX.IntrinsicElements' 형식에 'div' 속성이 없습니다. 
  •  에러 : 'typeof React' 형식에 'useEffect' 속성이 없습니다. 
  • 등의 에러가 전체 컴포넌트에서 발생
  • 이유 : 찾아보니 npm install 과정에서 TypeScript 및 React 버전 간 호환성 문제 발생
  • 해결 : 
    • package.json에 있는 리엑트 버전을 버전 찾기
    • npm list react react-dom 을 하면 버전을 찾을 수 있음 
    • 버전 확인 후 재설치  ex ) npm install react@18.2.0 react-dom@18.2.0
    • TypeScript 도 리엑트 버전에 맞게 재설치
cmd >> npm list react react-dom 
├── react@18.2.0
└── react-dom@18.2.0
cmd >> npm install react@18.2.0 react-dom@18.2.0
npm install --save-dev @types/react @types/react-dom
  •  이후 오류 없어짐

'기록하는 중 > React' 카테고리의 다른 글

[typescript]설치  (0) 2024.10.14