[ 타입스크립트(TypeScript) ] vscode에서 Cannot use JSX unless the '--jsx' flag is provided 뜰 때

📍 vscode에서 Cannot use JSX unless the '--jsx' flag is provided 뜰 때

처음 TS를 설치하고 작업을 하던 도중 yarn start를 치니까 갑자기 tsx파일에 빨간 줄이 뜨면서 제목과 같은 문구가 나왔다. 결론적으로 TS 버전이 맞지 않아 생기는 오류인데 제일 간단한 방법은 VScode 하단에 TS를 최신 버전으로 적용하는 방법이다.

 

---

1. 우측에서 네 번째 버전을 클릭한다.

 

2. 위에서 두번째 Select TypeScript version...을 클릭하자.

 

3. 최신 버전으로 눌러주면 된다.

 

4. 적용 성공

 

---

그러나, 적용이 안되면 다음과 같이 새로 설치해주자.

1. terminal에 npm install -g typescript를 입력한다.
2. npm list -g typescript를 입력해 어떤 경로에 설치되었는지 확인한다.

 

3. vscode에서 settings.json파일에 들어간다(MAC은 command + shift + p)

 

4. "typescript.tsdk": "2번에서 확인한 경로/node_modules/typescript/lib"을 추가한다.

 

5. 맨 위의 방법을 다시해본다.(버전 클릭 -> 최신 버전 입력)

 

5. Happy Hacking ✨

reference: Tistory, stackoverflow