인프런 커뮤니티 질문&답변

억수님의 프로필 이미지

작성한 질문수

손에 익는 Next.js - 마이그레이션하기

Next.js 앱 확인하기

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

해결된 질문

24.03.02 12:07 작성

·

240

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

하조은님의 프로필 이미지
하조은
지식공유자

2024. 03. 05. 11:27

억수님, 안녕하세요!

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

0

인프런 AI 인턴님의 프로필 이미지

2024. 03. 04. 12:12

안녕하세요, 인프런 AI 인턴입니다.
억수님, Create React App에서 Next.js로 마이그레이션하는 과정에서 발생하는 npm 에러 메시지는 typescriptreact-scripts 사이의 호환성 문제로 보입니다. typescript의 버전이 react-scripts가 요구하는 peerOptional 조건과 충돌하고 있습니다. 이를 해결하기 위한 몇 가지 방법을 안내해 드리겠습니다.

  1. typescript의 버전을 낮추십시오. 현재 설치된 typescript의 버전 5.3.3react-scriptspeerOptional 조건 ^3.2.1 || ^4와 충돌하고 있습니다. typescript 버전을 4.x로 변경하면 호환성 문제가 해결될 수 있습니다.
  2. 다음 명령어를 사용하여 --legacy-peer-deps 옵션으로 패키지를 설치하십시오. 이 명령은 동료 의존성 충돌을 무시하고 설치를 강제합니다.
    
    $ npm install --legacy-peer-deps
    

  3. 또 다른 방법으로 --force 옵션을 사용할 수도 있습니다. 하지만 이 방법은 부적절한 의존성 해결을 수용하므로 잠재적으로 문제를 일으킬 수 있습니다.
  4. 이러한 해결 방법 외에도 package.json 파일을 확인하여 typescript 버전이 프로젝트의 다른 모듈과 호환되는지 확인하고, 필요한 경우 종속성 버전을 조정하는 것도 좋은 방법입니다.

문제 해결 후에도 계속 문제가 발생한다면, package-lock.json 파일을 삭제하고, node_modules 디렉토리를 제거한 후에 명령을 다시 실행해 보십시오. 이 방법은 종종 종속성 관련 문제를 해결하는 데 도움이 됩니다.

도움이 될 수 있는 추가 문서가 필요하시다면, Spring Boot와는 직접 관련이 없지만 일반적인 npm 및 Node.js 관련 문제에 대한 해결 방법을 제공하는 여러 리소스와 커뮤니티 포럼을 인터넷에서 찾으실 수 있습니다.

억수님의 프로필 이미지

작성한 질문수

질문하기