inflearn logo
강의

講義

知識共有

手につくNext.js - 移行

Next.jsアプリを確認する

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

解決済みの質問

264

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

hajoeun

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

 

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

 

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

 

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

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

에이전트 에러

0

9

1

커스텀 에이전트 생성하기

0

6

1

mission 09-01 을 수행할 수 없어요

0

10

1

outputStyle 설정하는데 어디서 문제일까요?

0

10

2

test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데

0

7

1

검은화면

0

13

2

강의교환링크안열려요.....

0

14

1

영상재생에러 [확인부탁드려요!!!]

0

13

1

클로드 채팅에서 코드로 넘어가기

0

16

1

클로드 코드 시작하기

0

14

1

Context API vs Zustand 그리고 Auth

0

20

2

110강부터 따라가기가 힘듭니다...

0

39

1

커서에서 붙여넣기

0

22

1

깃허브 사용시 폴더경로 관련질문

0

18

1

[reducer] 기능별 폴더 구조 설계/ 파일 분리로 유지 보수 가능한 아키텍처 구축

0

15

2

순수 함수 / 순수 컴포넌트

0

18

1

스니펫이 이상해요

0

30

2

/output-style 명령어는 폐기 되었다고 나오네요.

0

37

1

프롬프트 작성시 html, css, javascript

0

31

1

강의영상 버퍼링

0

29

3

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

0

738

1

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

0

429

2

Cannot find module 에러

0

911

2

fake-commerce-app 주소 404 오류

3

347

1