프로젝트 시작하기 전 툴 세팅 도중에 에러가 발생하였다...
시작부터 이러시면 곤란합니다*^^*
여러 블로그들을 참조하여 해결한 과정을 나열해보도록 하겠다.
캐시를 모조리 삭제한 후 다시 npm install을 해주는 방법이다.
--force를 붙여 강제성을 부여한다. npm v5 이후부터는 --force를 붙이지 않으면 오류가 발생한다고 한다.
npm cache clean --force
npm install --cache
그러나 이 방법으로는 에러가 해결되지 않았다...
node_modules과 package-lock.json을 삭제하고 다시 설치하는 방법이다.
rm -rf node_modules package-lock.json
npm i
역시나 해결되지 않았다...
사실 첫번째 방법과 다를 바 없다. 같은 일을 수행한다고 하는데 노파심에 해보았다...
npm cache clear --force
npm i
실패.. 이쯤되니 이거 내 문제가 아닌거 아녀?! 라는 생각이 슬그머니 들었다...
끊임없이 구글링을 하던 도중, 나와 같은 오류를 겪고 있는 어제 올라온 따끈따끈한 글을 찾게 되었고, 너무나도 간단 명료하게 최신 버전으로 설치하니깐 해결이 되었다.
npm install styled-components@latest
에러가 발생한 이유는 버전 문제였다..! 5.3.10 버전 이상이나 최신 버전으로 설치하면 해결된다고 한다. 왜 하위 버전에서 에러가 발생하는지 궁금하지만 일단은 잘 해결되어 본격적으로 프로젝트하러 가봅니다~
참고한 글은 요기⬇
https://github.com/styled-components/styled-components/issues/3998