어차피 공부해야 하는 타입스크립트 리액트 네이티브랑 같이 쓰자! 해서 졸업 프로젝트에도 적용을 하려 했는데... 역시 까다롭다.
난 분명히 npm install @types/styled-components도 해 주었고,
$npm install @types/styled-components-react-native도 해 주었는데 다음과 같은 에러가 떴다.
패키지들을 몇 번이고 다시 설치했는데도 되지 않았다. 어디서 보니까 styled-components랑 @types/styled-components 버전이 다르면 위와 같은 에러가 뜬다고 해서 버전도 최대한 맞춰 주었다.(v5.1, v5.1.26으로 맞춰줌)
하지만 역시 되지 않았고, 노마드 코더 인강 댓글을 확인해 보았다.
역시 세상에는 똑똑한 분들이 많다.
./node_modules/@tsconfig/react-native/tsconfig.json 파일에서 types에 "styled-components-react-native"를 추가하면 된다고 댓글이 있어 시도해 보았더니 에러가 사라졌다.
나중에 출시된 버전에서 React Native @types가 @types/styled-components 에서 @types/styled-components-react-native로 바뀌어서 생긴 문제라고 한다.
근데 궁금한게 난 @types/styled-components-react-native도 설치를 해 주었는데 왜...
아무튼 알려주신 분 매우 감사합니다. 제가 좋아요도 눌러 드렸습니다. 감사합니다.
참고로 위 해결 방법의 출처는 다음과 같다고 한다.
https://github.com/styled-components/styled-components/issues/2099