inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

프론트엔드 세팅하기

npm i react react-dom 오류

1008

이은영

작성한 질문수 13

2

db연결하고 npm init 잘설치후

npm i react react-dom 해보았는데 오류 발생하였습니다. 구글검색해봐도 잘모르겠습니다.

화면 캡처 2022-12-07 165518.png화면 캡처 2022-12-07 165547.png

DELL@DESKTOP-CGJRPG6 MINGW64 ~/Desktop/sleact-master/alecture
$ npm i react react-dom
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: alecture@1.0.0
npm WARN Found: react@17.0.2
npm WARN node_modules/react
npm WARN   peer react@">=16.8.0" from @emotion/react@11.10.4
npm WARN   node_modules/@emotion/react
npm WARN     peer @emotion/react@"^11.0.0-rc.0" from @emotion/styled@11.10.4
npm WARN     node_modules/@emotion/styled
npm WARN     1 more (the root project)
npm WARN   12 more (@emotion/styled, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^0.14.0 || ^15.0.0 || ^16.0.0" from react-custom-scrollbars@4.2.1
npm WARN node_modules/react-custom-scrollbars
npm WARN   react-custom-scrollbars@"^4.2.1" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: alecture@1.0.0
npm WARN Found: react-dom@17.0.2
npm WARN node_modules/react-dom
npm WARN   peer react-dom@">=16.8.3" from react-mentions@4.4.7
npm WARN   node_modules/react-mentions
npm WARN     react-mentions@"^4.1.1" from the root project
npm WARN   2 more (react-toastify, the root project)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^0.14.0 || ^15.0.0 || ^16.0.0" from react-custom-scrollbars@4.2.1
npm WARN node_modules/react-custom-scrollbars
npm WARN   react-custom-scrollbars@"^4.2.1" from the root project
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @pmmmwh/react-refresh-webpack-plugin@0.4.3
npm ERR! Found: webpack-dev-server@4.10.1
npm ERR! node_modules/webpack-dev-server
npm ERR!   dev webpack-dev-server@"^4.10.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional webpack-dev-server@"3.x" from @pmmmwh/react-refresh-webpack-plugin@0.4.3
npm ERR! node_modules/@pmmmwh/react-refresh-webpack-plugin
npm ERR!   @pmmmwh/react-refresh-webpack-plugin@"^0.4.3" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack-dev-server@3.11.3
npm ERR! node_modules/webpack-dev-server
npm ERR!   peerOptional webpack-dev-server@"3.x" from @pmmmwh/react-refresh-webpack-plugin@0.4.3
npm ERR!   node_modules/@pmmmwh/react-refresh-webpack-plugin
npm ERR!     @pmmmwh/react-refresh-webpack-plugin@"^0.4.3" 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\DELL\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\DELL\AppData\Local\npm-cache\_logs\2022-12-07T07_52_49_907Z-debug-0.log

DELL@DESKTOP-CGJRPG6 MINGW64 ~/Desktop/sleact-master/alecture

 

babel react Socket.io typescript 웹팩 클론코딩

답변 1

0

제로초(조현영)

npm i --force하시면 설치는 됩니다. 다만 전체적으로 강의와 버전을 맞추시는 걸 추천드립니다.

기본 셋팅과 관련하여

0

93

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

98

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

150

2

useEffect 개수 관리

0

111

2

라이브러리 서치 방법

0

105

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

152

3

npx webpack 후 에러

0

178

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

146

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

179

2

초기세팅중 packge.json 에러떠요

0

157

2

CORS - Access-Control-Allow-Origin 누락 문제

0

432

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

959

1

배포 방법

0

299

2

npm run dev 시 빌드가 매우 느려졌습니다

0

993

2

alias 경로 설정 오류

0

453

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

278

1

제네릭 질문

0

219

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

247

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

386

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

336

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

247

2