[오류해결] 타입스크립트 - 리액트 오류해결 [5/30 study]

 

 

타입스크립트 - 리액트 오류해결

 

 

 

 

❗️상황

리액트 앱 설치

- npx create-react-app .

Type 선언 패키지 추가

- npm i @types/node @types/react @types/react-dom @types/jest

부가적인 React를 TypeScript로 적용시킨 후

npm run start 했는데 오류가 나옴

 

❗️오류

이렇게 나옴

 

이 오류는 프로젝트 종속성이나 설정에 문제가 있을 때 보여질 수 있는 메세지라고 한다.

 

❗️해결 방법

npm과 create-react-app의 버전 호환성으로 인한 충돌이 의심되었고

두 가지 모두 최신버전으로 업데이트 해주었다.

npm install -g npm@latest

npx create-react-app my-app

주의! npx로 설치할 경우 실행 되고 난 뒤 디스크에서 지워지기 때문에 사용할 때마다 재 설치 해야하지만 최신 버전을 유지할 수 있다.

🔥마무리

프로젝트를 시작할 때 마다 구글링해서 나온 코드를 복붙해서 생각없이 설치했던 것 같은데, 그래서 항상 해왔던 것인데도 조금만 시간이 지나면 버벅거리게 되는 것 같다. 지금 실행하는 코드에 어떤 의미가 있고 어떻게 동작하는지 확인하면서 작업하는 습관을 가져야겠다.