Could not find a declaration file for module 'styled-components/native'.

김민지·2023년 5월 5일
0
post-custom-banner

어차피 공부해야 하는 타입스크립트 리액트 네이티브랑 같이 쓰자! 해서 졸업 프로젝트에도 적용을 하려 했는데... 역시 까다롭다.

난 분명히 npminstallstyledcomponents를해주었고,npm install styled-components를 해 주었고,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

profile
이건 대체 어떻게 만든 거지?
post-custom-banner

0개의 댓글