Create React App에서 Next.js로 마이그레이션하기 의 깃허브 소스도 npm i 하면 에러가 발생합니다.

Question

Create React App에서 Next.js로 마이그레이션하기 의 깃허브 소스도 npm i 하면 에러가 발생합니다. $ npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react-scripts@5.0.1 npm ERR! Found: typescript@5.3.3 npm ERR! node_modules/typescript npm ERR! typescript@"^5.3.3" from the root project npm ERR! peer typescript@">= 2.7" from fork-ts-checker-webpack-plugin@6.5.3 npm ERR! node_modules/fork-ts-checker-webpack-plugin npm ERR! fork-ts-checker-webpack-plugin@"^6.5.0" from react-dev-utils@12.0.1 npm ERR! node_modules/react-dev-utils npm ERR! react-dev-utils@"^12.0.1" from react-scripts@5.0.1 npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! 1 more (tsutils) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peerOptional typescript@"^3.2.1 || ^4" from react-scripts@5.0.1 npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" from the root project npm ERR! npm ERR! Conflicting peer dependency: typescript@4.9.5 npm ERR! node_modules/typescript npm ERR! peerOptional typescript@"^3.2.1 || ^4" from react-scripts@5.0.1 npm ERR! node_modules/react-scripts npm ERR! react-scripts@"5.0.1" 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! npm ERR! For a full report see: npm ERR! C:\Users\Administrator\AppData\Local
pm-cache\_logs\2024-03-02T03_03_34_358Z-eresolve-report.txt 관련한 안내 좀 부탁합니다.

hajoeun · Answer

억수님, 안녕하세요! 현재 작업 중이신 환경의 Node.js 버전 정보를 알 수 있을까요? node -v 명령어를 통해 확인하실 수 있습니다. 답변 남겨주시면 빠르게 도움드릴 수 있도록 하겠습니다.

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 억수님, Create React App에서 Next.js로 마이그레이션하는 과정에서 발생하는 npm 에러 메시지는 typescript 와 react-scripts 사이의 호환성 문제로 보입니다. typescript 의 버전이 react-scripts 가 요구하는 peerOptional 조건과 충돌하고 있습니다. 이를 해결하기 위한 몇 가지 방법을 안내해 드리겠습니다. typescript 의 버전을 낮추십시오. 현재 설치된 typescript 의 버전 5.3.3 이 react-scripts 의 peerOptional 조건 ^3.2.1 || ^4 와 충돌하고 있습니다. typescript 버전을 4.x 로 변경하면 호환성 문제가 해결될 수 있습니다. 다음 명령어를 사용하여 --legacy-peer-deps 옵션으로 패키지를 설치하십시오. 이 명령은 동료 의존성 충돌을 무시하고 설치를 강제합니다. $ npm install --legacy-peer-deps 또 다른 방법으로 --force 옵션을 사용할 수도 있습니다. 하지만 이 방법은 부적절한 의존성 해결을 수용하므로 잠재적으로 문제를 일으킬 수 있습니다. 이러한 해결 방법 외에도 package.json 파일을 확인하여 typescript 버전이 프로젝트의 다른 모듈과 호환되는지 확인하고, 필요한 경우 종속성 버전을 조정하는 것도 좋은 방법입니다. 문제 해결 후에도 계속 문제가 발생한다면, package-lock.json 파일을 삭제하고, node_modules 디렉토리를 제거한 후에 명령을 다시 실행해 보십시오. 이 방법은 종종 종속성 관련 문제를 해결하는 데 도움이 됩니다. 도움이 될 수 있는 추가 문서가 필요하시다면, Spring Boot와는 직접 관련이 없지만 일반적인 npm 및 Node.js 관련 문제에 대한 해결 방법을 제공하는 여러 리소스와 커뮤니티 포럼을 인터넷에서 찾으실 수 있습니다.