~모듈에 내보낸 멤버 ~이(가) 없습니다.ts(2305)

 

 

No exported member 'css' in module 'styled-components ts(2305)

'"styled-components"'모듈에 내보낸 멤버 'css'이(가) 없습니다.ts(2305)

 

먼저 @types/styled-components를 package.json에 있는지 확인해봤다.

 

 

 @types/styled-components 추가해주고 다시 확인해봤지만 에러는 그대로였다.

 

 

styled-components를 제대로 불러오고 있는지 확인해봤다.

해당 라이브러리가 아니라styled-components.d.ts파일을 가리키고 있었다. 

 

styled-components.d.ts

라이브러리 이름과 파일명이 일치하고 있다는 것을 깨달았다.

 

파일명을 styled.d.ts로 바꾸고, yarn 명령어 입력 후 다시 확인했다.

 

yarn

 

styled-components를 정상적으로 가리키기 시작했다.

 

다른 프로젝트에서도 styled-components.d의 파일명을 사용하곤 했었다.

 

@types/styled-components 추가 후 styled-components.d가 생겨도 @types/styled-components를 가리키는 것 같다.

 

하지만 나는 @types/styled-components 삭제 후 styled-components를 사용할려고 했었기에 @types/styled-components를 추가해도 잘못된 경로를 계속 가지고 있었던 것 같다.

 

import시 트리에서 가장 가까운 녀석을 참조한다고 한다.

 

from "styled-components"는 가장 가까이 있는 styled-components.d.ts를 먼저 찾은 것이다.

 

 

라이브러리와 같은 네이밍을 사용하는 것을 항상 조심해야겠다.

 

만약 모듈을 찾을 수 없는 에러가 발생한다면, 동일한 네이밍이 존재하는 것은 아닌지 확인해보자.