inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Next.js 앱 확인하기

CRA에서 Next.js로 마이그레이션하기에서 compilerOptions.moduleResolution bundler 불가

해결된 질문

259

yjkim325

작성한 질문수 2

0

안녕하세요.

FatalError: error TS6046: Argument for '--moduleResolution' option must be: 'node', 'classic', 'node16', 'nodenext'.

CRA에서 Next.js로 마이그레이션하기에서 강의를 모두 따라한 뒤 'npm run dev'를 실행하면 위 오류가 발생합니다. 찾아본 결과 TypeScript 버전이 5 이상이어야 tsconfig.json의 compilerOptions.moduleResolution에 bundler 값을 사용할 수 있는 것 같습니다.

하지만 react-scripts에 요구되는 typescript의 버전은 "^3.2.1 || ^4"입니다. TypeScript를 5버전으로 올리면 lint 경고가 발생할 테니, compilerOptions.moduleResolution는 node 또는 nodenext로 설정하는 것이 현재 상황에서는 바람직하지 않나요?

react next.js vitejs

답변 1

0

하조은

안녕하세요! 질문 남겨주셔서 감사합니다.

 

정확하게 말씀해주셨습니다. 말씀주신 것처럼 tsconfig.jsoncompilerOptions.moduleResolution"bundler" 값은 TypeScript 5 이상에서 지원합니다. 때문에 해당 강의 중에 TypeScript 버전을 올리고 있습니다.

 

섹션 5. Next.js 설치하고 설정 파일 만들기 영상의 15초 지점을 참고해주세요.

 

질문 남겨주셔서 다시 감사드리며, 영상 확인 후에도 문제가 있다면 질문 남겨주세요!

다른 질문도 언제나 환영입니다 🙂

git 초기설정하고 Next Js 설치하는게 너무 어렵습니다.

0

1

0

커서 색상 및 클로드코드 프롬프트 입력칸 설정 문의

0

7

1

81강 실습 자료 없음

0

7

1

클로드 질문에서 줄 바꿈

0

8

1

2강 퀴즈를 푸려는데 자꾸 수강하지 않은 수업이있는데.. 다들었습니다 ㅜ

0

12

1

코덱스 입력한 텍스트만 받을수 있을까요?

0

5

1

사업자 등록

0

17

2

서브에이전트 실행중에도 대기해야 할까요?

0

10

1

소스코드 제공여부

0

20

2

궁금했던 질문입니다. 바로 콤마위치 입니다.

0

14

1

62강 실습자료가 잘못되었습니다.

0

17

1

37강에서 ROADMAP.md 파일

0

29

2

.claude, setting~, permission 했을 때 Bash 안 보여요

0

24

2

[미션4] open with Live Server 클릭시 브라우저 안뜸

0

26

3

사용량 한도 도달

0

39

2

Cursor를 실행했을 때 나오는 화면이 달라요

0

29

2

Claude code 대화하는 부분이 위치변경 문의 드립니다.

0

29

2

기본 파일 구조

0

28

2

setting.local.json 파일 안보일떄

0

31

2

테마 개발의 한계, 업종이 대체 할 수 있을까요?

0

33

2

기존 react 에서 navigate 에 state 로 데이터를 전달했습니다.

0

731

1

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

0

415

2

Cannot find module 에러

0

904

2

fake-commerce-app 주소 404 오류

3

343

1