styled-components3 ~모듈에 내보낸 멤버 ~이(가) 없습니다.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.d.ts로 바꾸고, yarn 명령어 입력 후 다시 확인했다. yarn s.. 2023. 9. 16. 모노레포에서 ui 패키지를 사용하면서 발생한 이슈 해결 과정 모노레포인 레포지토리에 새로운 서비스를 추가하고, ui 패키지에서 컴포넌트를 불러오는데 다음과 같은 에러가 발생했다. 구글링 결과 타입스크립트의 interface를 해석하지 못하는 것으로 파악했다. 하지만 다른 서비스에서는 정상 작동하는데, 왜 새 서비스에서는 에러를 뿜는지 이해할 수 없었다. 디펜던시도 똑같이 맞춰보았지만 해결되지 않았다. 그리고 마지막으로 next.comfig.js 코드를 똑같이 맞춰보기로 했다. 시도해 본 것들 1. next 다운 그레이드 // 기존 next.config.js /** @type {import('next').NextConfig} */ const nextConfig = { swcMinify: true, compiler: { styledComponents: true, },.. 2023. 8. 15. Styled-Components에서 갑자기 자동 완성이 안되는 경우 styled-components에서 css 자동 완성을 위해 vscode-styled-components라는 extension을 사용하고 있었다. 그런데 어느 날 갑자기 뭔가 불편하다 싶더니 css 자동완성이 되고 있지 않았다. 처음에는 익스텐션끼리 충돌이 발생했을 거라 생각했고 익스텐션을 하나씩 비활성화 시켜가면서 확인했다. 하지만 여전히 문제가 해결되지 않았고, vscode의 setting까지 만져봤지만 변화는 없었다. 도저히 모르겠다 싶어 등록된 이슈가 있는지 확인해 보기 위해 vscode-styled-components의 repository에 들어가 봤다. https://github.com/styled-components/vscode-styled-components read.me를 천천히 읽어보는.. 2023. 8. 10. 이전 1 다음
