stnow7

<p>node 14버전으로 다시깔고 npm run start하니 드디어 뜨네요 ㅜㅜ 드디어 17강을 넘어가네요 프레드님 싸플님 두분 모두 감사합니다!!^^</p>
<p></p>
<p><img src="https://cdn.inflearn.com/public/files/posts/2439c44e-3516-4739-bf1b-f053842ad26c/blob" alt="" /></p>

npm run start 시에 오류가 뜹니다..

<p>앗 맞습니다 node 최근에 15.8.0 최신버전으로 설치했는데 .. 그것때문에 충돌하는것 같기도 하네요 감사합니다 다시 깔아봐야겠네요</p>

<p>제가 뭔가 설치를 잘못한거같아 다시 client 폴더 내부를 싹 다 지우고 14강부터 찬찬히 따라가 보았는데, 15강에서 client 폴더에 npm i redux react-redux redux-saga react-router-dom connected-react-router bootstrap reactstrap dotenv 하는 부분에서 강사님과는 달리 계속 아래와 같은 에러가 뜨면서 설치가 되지 않습니다..&nbsp; 버전 dependency 이슈라는데 제가 초보라 어떻게 해결해야 할지 모르겠네요 ..ㅜㅜ</p>
<pre class="language-html"><code>admin@DESKTOP-DQS8FS9 MINGW64 ~/Documents/MERN/client (master)
$ npm i redux react-redux redux-saga react-router-dom connected-react-router bootstrap reactstrap dotenv
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: client@0.1.0
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project   
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.4.0" from connected-react-router@6.8.0
npm ERR! node_modules/connected-react-router
npm ERR!   connected-react-router@"*" 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\admin\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\admin\AppData\Local\npm-cache\_logs\2021-02-10T01_29_24_319Z-debug.log</code></pre>

<p>프레드님 말대로 해봤는데 안되네요 사실 반쯤 포기했습니다..ㅎㅎㅎㅎㅎ 다시 처음부터 세팅해야하는걸까요.. 혹시나 도움될까 싶어 pkg json 파일 내용올려놓겠습니다</p>
<p>client 폴더 package.json</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-size: 14px; line-height: 19px; white-space: pre;">
<div>{</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"name"</span>:&nbsp;<span style="color: #ce9178;">"client"</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"version"</span>:&nbsp;<span style="color: #ce9178;">"0.1.0"</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"private"</span>:&nbsp;<span style="color: #569cd6;">true</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"dependencies"</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@testing-library/jest-dom"</span>:&nbsp;<span style="color: #ce9178;">"^5.11.9"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@testing-library/react"</span>:&nbsp;<span style="color: #ce9178;">"^11.2.5"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@testing-library/user-event"</span>:&nbsp;<span style="color: #ce9178;">"^12.6.3"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"react"</span>:&nbsp;<span style="color: #ce9178;">"^17.0.1"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"react-scripts"</span>:&nbsp;<span style="color: #ce9178;">"4.0.2"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"web-vitals"</span>:&nbsp;<span style="color: #ce9178;">"^1.1.0"</span></div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"scripts"</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"start"</span>:&nbsp;<span style="color: #ce9178;">"react-scripts&nbsp;start"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"build"</span>:&nbsp;<span style="color: #ce9178;">"react-scripts&nbsp;build"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"test"</span>:&nbsp;<span style="color: #ce9178;">"react-scripts&nbsp;test"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"eject"</span>:&nbsp;<span style="color: #ce9178;">"react-scripts&nbsp;eject"</span></div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"eslintConfig"</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"extends"</span>:&nbsp;[</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">"react-app"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">"react-app/jest"</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;]</div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"browserslist"</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"production"</span>:&nbsp;[</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">">0.2%"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">"not&nbsp;dead"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">"not&nbsp;op_mini&nbsp;all"</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;],</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"development"</span>:&nbsp;[</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">"last&nbsp;1&nbsp;chrome&nbsp;version"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">"last&nbsp;1&nbsp;firefox&nbsp;version"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ce9178;">"last&nbsp;1&nbsp;safari&nbsp;version"</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;]</div>
<div>&nbsp;&nbsp;}</div>
<div>}</div>
</div>
<p>외부 폴더 package.json 파일</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-size: 14px; line-height: 19px; white-space: pre;">
<div>{</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"name"</span>:&nbsp;<span style="color: #ce9178;">"MERN"</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"version"</span>:&nbsp;<span style="color: #ce9178;">"1.0.0"</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"description"</span>:&nbsp;<span style="color: #ce9178;">""</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"main"</span>:&nbsp;<span style="color: #ce9178;">"index.js"</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"scripts"</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"dev"</span>:&nbsp;<span style="color: #ce9178;">"nodemon&nbsp;./server/server.js&nbsp;--exec&nbsp;babel-node"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"dev-watch"</span>:&nbsp;<span style="color: #ce9178;">"babel-watch&nbsp;server/server.js&nbsp;--ignore'./client'"</span></div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"keywords"</span>:&nbsp;[],</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"author"</span>:&nbsp;<span style="color: #ce9178;">""</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"license"</span>:&nbsp;<span style="color: #ce9178;">"ISC"</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"dependencies"</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"babel-watch"</span>:&nbsp;<span style="color: #ce9178;">"^7.4.0"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"bcryptjs"</span>:&nbsp;<span style="color: #ce9178;">"^2.4.3"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"bootstrap"</span>:&nbsp;<span style="color: #ce9178;">"^4.6.0"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"cors"</span>:&nbsp;<span style="color: #ce9178;">"^2.8.5"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"dotenv"</span>:&nbsp;<span style="color: #ce9178;">"^8.2.0"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"express"</span>:&nbsp;<span style="color: #ce9178;">"^4.17.1"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"helmet"</span>:&nbsp;<span style="color: #ce9178;">"^4.4.1"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"history"</span>:&nbsp;<span style="color: #ce9178;">"^5.0.0"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"hpp"</span>:&nbsp;<span style="color: #ce9178;">"^0.2.3"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"jsonwebtoken"</span>:&nbsp;<span style="color: #ce9178;">"^8.5.1"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"moment"</span>:&nbsp;<span style="color: #ce9178;">"^2.29.1"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"mongoose"</span>:&nbsp;<span style="color: #ce9178;">"^5.11.15"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"nodemon"</span>:&nbsp;<span style="color: #ce9178;">"^2.0.7"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"react-router-dom"</span>:&nbsp;<span style="color: #ce9178;">"^5.2.0"</span></div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">"devDependencies"</span>:&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@babel/cli"</span>:&nbsp;<span style="color: #ce9178;">"^7.12.13"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@babel/core"</span>:&nbsp;<span style="color: #ce9178;">"^7.12.13"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@babel/node"</span>:&nbsp;<span style="color: #ce9178;">"^7.12.13"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@babel/polyfill"</span>:&nbsp;<span style="color: #ce9178;">"^7.12.1"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"@babel/preset-env"</span>:&nbsp;<span style="color: #ce9178;">"^7.12.13"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"babel-loader"</span>:&nbsp;<span style="color: #ce9178;">"8.1.0"</span>,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">"morgan"</span>:&nbsp;<span style="color: #ce9178;">"^1.10.0"</span></div>
<div>&nbsp;&nbsp;}</div>
<div>}</div>
</div>
<p></p>

<p><span style="color: #000a12; font-family: AppleSDGothicNeoM00, 'Noto Sans KR'; font-size: 16px; background-color: #ffffff;">npm i&nbsp; -g react </span><span style="box-sizing: inherit; font-weight: inherit; font-style: inherit; color: var(--highlight-color); font-variant-ligatures: inherit; font-variant-caps: inherit; white-space: inherit; background-color: #ffffff; font-family: inherit; font-size: 13px;">react-router-dom&nbsp;</span><span style="box-sizing: inherit; color: #000a12; background-color: #ffffff; font-family: AppleSDGothicNeoM00, AppleSDGothicNeoM00; font-size: 13px;">react-router 말씀하시는 건가요?? 방금 해봤는데 안되네요 ㅜㅜ 도움 감사합니다</span></p>
<p><span style="box-sizing: inherit; color: #000a12; background-color: #ffffff; font-family: AppleSDGothicNeoM00, AppleSDGothicNeoM00; font-size: 13px;">계속 이렇게만 뜨네요..ㅜㅜ</span></p>
<p><span style="color: #000a12; font-family: AppleSDGothicNeoM00, AppleSDGothicNeoM00;"><span style="font-size: 13px;">Failed to compile.</span></span><span style="color: #000a12; font-family: AppleSDGothicNeoM00, AppleSDGothicNeoM00;"><span style="font-size: 13px;"></span></span></p>
<p><span style="color: #000a12; font-family: AppleSDGothicNeoM00, AppleSDGothicNeoM00;"><span style="font-size: 13px;">./src/App.js</span></span></p>
<p><span style="color: #000a12; font-family: AppleSDGothicNeoM00, AppleSDGothicNeoM00;"><span style="box-sizing: inherit; background-color: #ffffff; font-size: 13px;"></span></span></p>
<p><span style="color: #000a12; font-family: AppleSDGothicNeoM00, AppleSDGothicNeoM00;"><span style="font-size: 13px;">Module not found: Can't resolve 'connected-react-router' in 'C:\Users\admin\Desktop\MERN\client\src'</span></span></p>

<p><span class="name">hong hj 님 감사합니다 덕분에 해결되었네요<br /></span></p>

stnow7

Posts