VSCode Typescript 버전 변경하기

최근 새로운 프로젝트를 진행하려고 했다가

tsconfig.json에 빨간줄과 함께

Unknown compiler option 'allowImportingTsExtensions'.

이런 오류가 생겼다.

찾아보니 Vscode의 typescript 버전과
npm을 통해 설치한 typescript 버전이 일치하지 않아서 생기는 문제였다.

Vscode의 typescript 버전은 4.9.x,
npm을 통해 설치한 typescript 버전은 5.3.3 이었다.

때문에 Vscode의 typescript 버전을 5.3.3으로 올리기로 했다.

1. 프로젝트 local typescript 버전을 재설치

npm install --save-dev typescript@5.3.3

설치가 완료되면 node_modules와 package.json, package-lock.json이 추가로 설치될 수 있다.(혹은 기존의 파일은 업데이트)

2. Vscode의 typescript 버전 경로를 설정

fn + F1(F1) 혹은 cmd(ctrl) + shift + p 을 눌러
open user settings를 검색한다.

위를 선택하면 settings.json 파일이 열릴 것이고
아래와 같이 설정을 추가해주자.

3. VScode typescript 버전 재설정

아래와 같이 fn + F1(F1) 혹은 cmd(ctrl) + shift + p를 통해 select typescript version을 검색한다.
(한 번에 검색 결과가 안 나올 수 있음. 여러번 치다보면 나올 때가 있더라구요?)

정상적으로 진행했다면 아래와 같이 새로운 typescript 버전 5.3.3을 확인할 수 있을 것이다. 2개가 나온다면 아무거나 선택해주자.

해결 끝