CRA에서 Next.js로 마이그레이션하기에서 compilerOptions.moduleResolution bundler 불가
안녕하세요.
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로 설정하는 것이 현재 상황에서는 바람직하지 않나요?
답변 1
0
안녕하세요! 질문 남겨주셔서 감사합니다.
정확하게 말씀해주셨습니다. 말씀주신 것처럼 tsconfig.json의 compilerOptions.moduleResolution에 "bundler" 값은 TypeScript 5 이상에서 지원합니다. 때문에 해당 강의 중에 TypeScript 버전을 올리고 있습니다.
섹션 5. Next.js 설치하고 설정 파일 만들기 영상의 15초 지점을 참고해주세요.
질문 남겨주셔서 다시 감사드리며, 영상 확인 후에도 문제가 있다면 질문 남겨주세요!
다른 질문도 언제나 환영입니다 🙂
클로드 코드 설치 후 아이콘
0
7
0
입력란 위치 조정 가능 여부
0
10
1
이제 인프런에서 강의 더 안산다. 후져....
0
11
0
fatal: not in a git directory
0
15
1
vercel new project 에 노출되지 않으면 어떻게 해야 할까요?
0
22
1
소스코드 어디서 다운받아요?
0
21
5
동영상 끊김 ( 섹션 2 )
0
17
2
14강은 언제 올라올까요??
0
20
2
supabase 다른 프로젝트 적용 관련 질문드려요.
0
24
1
시스템관리자가 앱을 차단했다고 뜹니다.
0
16
1
강의 내 언급된 링크 문의
0
14
1
프로젝트 폴더 복사 후 사용 관련
0
20
2
기술스택 강의 관련해서 질문드려요.
0
28
2
강의 자료를 찾을 수 없습니다ㅠㅠ
0
32
2
서브에이전트 문의
0
27
2
노션 강의 화면과 실제 화면과 너무 달라서 수업 진행이 안 됩니다
0
36
1
파워셀에서 claude 코드의 버전확인이 않됩니다.
0
29
2
윈도우에서 설정화면이 다릅니다.클로드코드 환경변수 설정
0
29
2
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
22
1
깃허브 Publish 질문
0
32
2
기존 react 에서 navigate 에 state 로 데이터를 전달했습니다.
0
713
1
Create React App에서 Next.js로 마이그레이션하기 의 깃허브 소스도 npm i 하면 에러가 발생합니다.
0
395
2
Cannot find module 에러
0
875
2
fake-commerce-app 주소 404 오류
3
327
1