Cannot use JSX unless the '--jsx' flag is provided.ts(17004) 빨간줄 없애기

갑자기 재택을 하게 되어서 회사 노트북은 아닌 개인 노트북으로 작업을 하게되었다.

git 계정 변경하고 노드 버전 nvm 설치하고 오전을 거의 셋팅하는데 시간을 쓴 듯 싶었다.

그런데 clone을 잘하고 나서도 vscode에 빨간줄이 쫘아악나는 걸 볼 수 있었다.

오류는 아니고 typescript버전에 따른 문제였다.

 

 

F1을 눌러 typescript 입력

TypeScript : Select TypeScript Version...을 클릭한다.

 

 

보면 Use VS Code's Version 이 선택되어 있음을 알 수 있다.

 

 

 

요걸 아래에 있는 Use Workspace Version 을 클릭하여 바꿔준다. node_modules 맞춘다는 뜻이다.

 

 

 

그러면 빨간줄이 모두 없어진다!

.vscode파일 내에 있는 .setting.json 가 변경되는 걸 확인할 수 있다.