TIL-23.05.02

 

 

문제점

기존 JS으로만 작성한 리액트 프로젝트에  타입스크립트를 적용시켰다.

styled-components 라이브러리가 적용되어 있었는데, TS를 적용시키니 에러가 발생해버렸다.

package.json파일에 분명히 스타일컴포넌트가 작성되어있고 모듈도 설치되어있는데.. 에러가 왜 발생할까 이해를 할수 없었다.

 

 

시도한점

구글링 후 알게 된 사실

비록 해당 라이브러리는 설치해줬지만 해당 라이브러리의 타입을 TS가 알지 못하기 때문에 발생한 에러라고 한다.

그래서 TS에게 라이브러리에서 사용된 타입들을 '@types'라는 키워드를 덧붙여 다시한번 설치해줘야한다.

npm install styled-components

npm install @types/styled-components

위 명령어로 해당패키지에 대한 모듈도 설치해주고, 아래 명령어로 TS에게 해당 패키지에 대한 정보(타입)을 줘야 에러가 발생하지않는다

 

 

 

알게된점

이제는 에러를 맞이해도 해결방법이 있겠지.. 라며 당황하지는 않게 된것같다

앞으로 수많은 에러를 맞이할텐데 잘 해결해나가보자