[타입스크립트] error : Cannot use JSX unless the '--jsx' flag is provided

//tsconfig.json

"compilerOptions": {
  jsx: "react-jsx" 
 }

"react-jsx" 부분에 에러가 생겨 아래와 같은 문제가 발생한다.

 

react-jsx를 react로 변경하면 잠시 에러가 잡히지만,

다시 vs코드를 실행하면 자동으로 react-jsx로 바뀌며 에러 발생

 

npm list -g typescript 

로 버전을 체크

 

없는 경우

npm install -g typescript

로 설치

 

vscode의 경우

//settings.json

"typescript.tsdk": "{global_npm_path}/typescript/lib"

 

global_npm_path 주소는

터미널에서 

npm root -g

로 위치를 파악한다.