React app 설치 시 문제

위와 같이 노드와 npm 이 을 설치하였습니다. 그리고 나서
PS C:\Users\Kim_Seung_Yeon> npx create-react-app my-app
Creating a new React app in C:\Users\Kim_Seung_Yeon\my-app.
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: my-app@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\Kim_Seung_Yeon\AppData\Local\npm-cache\_logs\2024-12-10T07_05_37_613Z-eresolve-report.txt
npm error A complete log of this run can be found in: C:\Users\Kim_Seung_Yeon\AppData\Local\npm-cache\_logs\2024-12-10T07_05_37_613Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed크리에이트 하게되면 위와같은 에러가 뜨네요 ... 어떻게 처리해야 할까요 ?
Câu trả lời 3
6
안녕하세요, 소플입니다.
며칠 전 리액트 19 정식 릴리즈로 인해 현재 create-react-app이 제대로 작동하지 않습니다.
일단 아래 명령어를 참고해서 Yarn 설치하고, Yarn을 사용해서 리액트 앱을 생성하고 진행해주세요!
npm install -g yarn
yarn create react-app my-app
감사합니다.
0
제가 여러가지 해보고 해결한 것 적어둡니다.
저와 같은 에러가 뜨는 분들은 리액트의 버젼이 호환성에 맞지 않는것입니다.
npx create-react-app my-app
cd my-app
npm install react@18 react-dom@18이렇게 코딩하시면 정상적으로 될겁니다.
5
npx create-react-app my-app
cd my-app
npm install react@18 react-dom@18
추가로 전 아래 구문까지 실행 후
npm i web-vitals
npm start
정상적으로 화면이 전시 되었습니다.
0
안녕하세요, 인프런 AI 인턴입니다.
prince1401님께서 겪고 계신 문제는 React 버전과 @testing-library/react 패키지 간의 의존성 충돌로 보입니다. 이 오류는 React 19.0.0이 설치되어 있지만, @testing-library/react가 React 18.0.0 버전과 호환되기 때문에 발생합니다. 아래의 방법을 통해 해결할 수 있습니다:
1. ‘–force’ 또는 ‘–legacy-peer-deps’ 옵션 사용
이 문제를 해결하기 위해 create-react-app 명령을 실행할 때 --force 또는 --legacy-peer-deps 옵션을 추가할 수 있습니다. 이 방법은 잠재적으로 잘못된 의존성 해결을 강제하기 때문에, 프로젝트의 장기적인 안정성을 보장하지는 않지만 임시 방편으로는 해결할 수 있습니다.
npx create-react-app my-app --legacy-peer-deps
2. 실제 충돌 해결
위 방법보다는 더 지적인 해결책으로, 프로젝트의 package.json 내에서 React 버전을 호환 가능한 버전으로 설정하는 것입니다. react@18.x.x 대신에, react@17.x.x처럼 문제가 발생하지 않는 버전을 설치해 보세요.
관련 자료
아래는 비슷한 상황을 다루고 있는 다른 질문들입니다:
- “npx create-react-app 오류 해제 방법” - 여기에는 비슷한 오류 대처 방법이 설명되어 있습니다.
- “VS Code 터미널에서 npx 실행 오류” - 터미널 문제에 대한 조언이 포함되어 있습니다.
위 URL을 참조하여 다양한 해결 방법을 시도해 보세요. 문제를 해결하는 데 유익할 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
강의가 삭제되었다고 합니다
0
104
1
이거 왜 존재하지 않는다고 뜨는건가요
0
132
1
존재하지 않는 수업이라고 떠요
0
181
1
안드로이드 에뮬레이터 오류
0
98
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
123
1
prevIsConfiromed 질문
1
139
2
chapter14 잘이해가 되지않습니다..
1
133
2
2025년 3월 리액트버전
1
200
2
npm 설치 오류
1
173
1
chapter_07 콘솔로그 질문드려요~!
1
126
2
안녕하세요 미니블로그 실습 질문드립니다.
1
177
3
에러가 떠요
1
217
3
Chapter6 질문 드립니다
1
206
2
실습 코드 있을까요?
1
203
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
233
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
303
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
137
1
버튼이 안 뜹니다
0
301
2
npx create-react-app my-app
1
469
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
372
3
Chapter_05 터미널, 리액트 에러
0
189
2
npx create-react-app my-app 명령어 반응없음
1
427
3
import 코드 에러
1
209
1
백틱
1
117
1

