next오류 : 'node' 모듈 확인 전략 없이 '--resolveJsonModule' 옵션을 지정할 수 없습니다

next프로젝트를 진행하는데, 여러 오류가 발생되었다. 

 

내 환경
npm : 10.5.0
node  : 20.12.2
next : 14.2.3

 

 

우선, tsx파일에서는 next관련을 import해올 때 next관련 모듈을 찾아오지 못하고 아래와 같은 오류를 보여주었다.

 

'next' 모듈을 찾을 수 없습니다. 'moduleResolution' 옵션을 'node'로 설정하거나 'paths' 옵션에 별칭을 추가하려고 하셨습니까? ts(2792

'next/font/google' 모듈을 찾을 수 없습니다. 'moduleResolution' 옵션을 'node'로 설정하거나 'paths' 옵션에 별칭을 추가하려고 하셨습니까? ts(2792)

 

 

 

tsconfig.json을 확인해보면 이곳에서도 역시 오류가 발생되고 있다. 

 

'node' 모듈 확인 전략 없이 '--resolveJsonModule' 옵션을 지정할 수 없습니다.

 

다른 팀원들은 따로 오류가 발생되지 않았는데, 왜 나만 발생되는건지..

아무래도 PC셋팅을 함께 시작한 것이 아니기에 각각 환경이 다를 수 밖에 없어서인듯 하다.

(노드 버전 문제인가 싶었는데..아니었다 ㅠㅠ)

 

moduleResolution은 모듈 분석 방법을 설정하는 것인데,

'node' (Node.js) 또는 'classic' (TypeScript pre-1.6)으로 가능하다고 한다. 

resolveJsonModule도 같이 오류가 났었는데, 요건 ts파일에서 json import를 허용해주는 옵션이라고 한다, 

 

"moduleResolution": "bundler" 요걸 "moduleResolution": "node"

 

이렇게 node로 바꿔주면 tsconfig와 tsx모두 오류가 사라진 걸 볼 수 있다.

 

사실 저 오류가 떠있을때도 (바로 전 프로젝트) 동작에 이상이 있거나 하진 않았는데,

오류가 떠있으면 거슬리기도 하니 이번 프로젝트때는 없애고 진행을 해보려고 한다.