typescript moduleResolution error

상황

npx create-next-app@latest --ts로 프로젝트를 시작했는데 처음부터 tsconfig.json에서 다음과 같은 에러가 발생했다.

알려준대로 https://www.typescriptlang.org/tsconfig#moduleResolution로 들어가보자

해결

들어가면

다음과 같은 설명이 적혀있다.

해석해보면 최신 버전의 node를 사용할 때, node10은 옛 것이고 node16이나 nodenext를 사용하면 ECMAScript imports and CommonJS require를 무리없이 지원할 수 있다고 한다.

에러가 날 때의 초기값인 bundler는 bundler never requires file extensions on relative paths in imports.라고 한다.
즉 상대경로의 파일확장자를 요구하지 않는다고 하는데, 정확히 무슨 말인지 이해하지 못했다.

일단 그래서 moduleResolution의 값을 bundler에서 node16으로 수정해주니 해결되었다!