Troubleshooting:

[Error] Cannot read properties of null (reading 'edgesOut')

칠일오.

프로젝트 시작하기 전 툴 세팅 도중에 에러가 발생하였다...
시작부터 이러시면 곤란합니다*^^*

여러 블로그들을 참조하여 해결한 과정을 나열해보도록 하겠다.

 

😕 첫번째 방법

캐시를 모조리 삭제한 후 다시 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