인프런 커뮤니티 질문&답변
작성한 질문수
Create React App에서 Next.js로 마이그레이션하기 의 깃허브 소스도 npm i 하면 에러가 발생합니다.
해결된 질문
작성
·
260
0
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\npm-cache\_logs\2024-03-02T03_03_34_358Z-eresolve-report.txt
관련한 안내 좀 부탁합니다.
답변 2
0
억수님, 안녕하세요!
현재 작업 중이신 환경의 Node.js 버전 정보를 알 수 있을까요? node -v 명령어를 통해 확인하실 수 있습니다. 답변 남겨주시면 빠르게 도움드릴 수 있도록 하겠습니다.
0
안녕하세요, 인프런 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 관련 문제에 대한 해결 방법을 제공하는 여러 리소스와 커뮤니티 포럼을 인터넷에서 찾으실 수 있습니다.