styled-component 를 설치하려고 보니 저런 에러가 떴다!
이 에러가 뜬 이유는 styled-component 레퍼지토리에 SC라는 것이 업데이트 되어 그렇다고 한다.
➡️ 해결 방법
1. 최신 버전으로 설치(불안정하다)
➡️ npm install styled-components@latest
🧨 여기서 최신버전으로 설치하면 styled-reset 설치에서도 에러가 난다..!
난 styled-reset도 설치하고 싶어서 다운 그레이드를 해주었다.
- 그 전에 이전에 설치했던 styled-component 라이브러리를 삭제했다
➡️ npm uninstall styled-components // 명령어로 삭제
2. ⭐ JS/JSX(JavaScript)를 사용하는 프로젝트의 경우(다운 그레이드)
➡️ npm install "styled-components@5.3.10" // 나는 이 명령어로 설치했다
➡️ npm i -D styled-components@5.3.10 // 이렇게 해도 된다고 한다
+) TS/TSX(TypeScript)를 사용하는 프로젝트의 경우
npm i -D styled-components@5.3.10 @types/styled-components
참고 링크
https://github.com/styled-components/styled-components/issues/3998
이러한 에러가 났을 때 이슈 페이지를 확인해보는 것이 좋을 것 같다
https://github.com/styled-components/styled-components/issues
출발선 앞의 준비된 마음가짐, 떨림, 설렘을 가진 신입개발자