4장 styled-componets 관련 여쭤볼 부분이 있습니다

[bycat0909]

안녕하세요

리액트를 선생님 책으로 입문해서 공부하고 있는 현직 개발자입니다.

여쭤볼 부분은 128장의 styled-component 설치 부분인데요

일단 선생님께서는 expo로 리액트 프로젝트로 생성하라고 하셨지만

npx로 프로젝트를 생성하여 진행을 하고 있습니다.

그리고 npm install styled-components 설치를 진행하려고 하자

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"18.1.0" from the root project
npm ERR!   peer react@">= 16.8.0" from [email protected]
npm ERR!   node_modules/styled-components
npm ERR!     styled-components@"*" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^18.2.0" from [email protected]
npm ERR! node_modules/react-dom
npm ERR!   peer react-dom@">= 16.8.0" from [email protected]
npm ERR!   node_modules/styled-components
npm ERR!     styled-components@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\bycat\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\bycat\AppData\Local\npm-cache\_logs\2022-09-28T14_26_13_850Z-debug-0.log

와 같은 오류가 발생되어 설치가 안되는 부분이 발생했는데요.

저는 아래 명령어로 의존성을 무시하고 설치를 진행했습니다.

npm install --legacy-peer-deps 
npm install --force

이 이후에는 metro에서 아래와 같은 로그가 확인됩니다.

TypeError: undefined is not a function, js engine: hermes

혹시나 해서 아래에 비슷한 질문이 있어서

npm install @types/styled-components --force

를 실행했지만 같은 상태입니다.

바쁘시지만 도움을 요청드립니다.

감사합니다.

[Alchemist85K]

안녕하세요 @bycat0909

--force와 --legacy-peer-deps는 라이브러리를 설치할 때 사용하는 옵션입니다.
아래 명령어를 이용해서 다시 설치하세요.

npm install styled-components --force 

추가로, 책과 다르게 진행하는 부분 혹은 책의 범위를 벗어나거나 관련이 없는 부분에 대해서는 답변하지 않고 있습니다.
CLI를 이용해서 진행해도 큰 차이는 없겠지만,
뒷부분 프로젝트를 진행할 때는 되도록 Expo로 진행하세요.
그 다음 CLI를 이용해서 복습을 하거나, 만들고 싶은 프로젝트를 만드는 것을 추천합니다.

감사합니다.

[bycat0909]

네 선생님 감사합니다!
퇴근 후 집에가서 Expo로 다시 생성하고 진행해보도록 하겠습니다!
바쁘신 와중에 답변해주셔서 감사합니다!

[Alchemist85K]

지금 문제는 Expo로 안하더라도 괜찮습니다.
제가 Expo를 말씀드린건, 뒤쪽 프로젝트에서 Expo에서 제공하는 기능을 이용하는 부분이 있어서 말씀드린 것입니다.
지금 진행하시는 부분에서는 Expo로 하든, CLI로 하든 큰 차이는 없습니다.

[bycat0909]

네 선생님 감사합니다 !
말씀 주신대로 설치하고 오타를 찾아서 수정하니 정상적으로 잘 되고 있습니다!
공부 열심히 하겠습니다
감사합니다!