February
19th,
2021
/.yarn/$$virtual/styled-components-virtual-…. 에러
리액트를 공부하면서 styled-components를 쓸 일이 있어서 책에 나온대로
$yarn add styled-components
를 설치해주었다. 그리고 프로젝트를 생성하고 테스트 해보려고 로컬에서 서버를 돌리려고
$yarn start
를 하는 순간 발생한 에러..
./.yarn/$$virtual/styled-components-virtual-c4a0488559/0/cache/styled-components-npm-5.2.1-e180c24b63-c27911be08.zip/node_modules/styled-components/dist/styled-components.browser.esm.js
Module not found: styled-components tried to access react-is (a peer dependency) but it isn't provided by its ancestors; this makes the require call ambiguous and unsound.
무슨 개xxx..
아니 무슨 소리람…
다행히 구글링해서 찾은 해결책
$yarn add react-is
이 명령어를 치고 다시 yarn start를 하니까 컴파일이 성공했다.!!!!
이 해결책에 대해 글 쓴 사람 말을 해석해보자.
“styled-components는 react-is에 peerDependency가 있는데 그것을 제공하지 않아서 발생하는 문제입니다. 이것을 고치기 위해서는 react-is를 의존성으로 제공해야 합니다.”
덕분에 새로운 것 알아갑니다~!