[Typescript] VSCode import, htmlElement 에러

 

새로 프로젝트를 받아 설치를 마쳤는데 import문과 html 요소들, tsconfig.node.json 파일의 moduleResolution, allowImportingTsExtensions에서 빨간 줄이 나오고 있었다.

하지만 서버는 정상적으로 빌드가 되고 실행이 되고 있었다.

 

이럴 때는 내 디바이스(vscode)에 설치된 타입스크립트 버전과 프로젝트의 타입스크립트 버전이 다른지 체크해주면 된다.

 

vscode를 사용 중이라면 'cmd(alt) + shift + p'를 눌러서 'Typescript 버전 선택'을 눌러서 '작업 영역 버전 사용'을 눌러주면 된다.

 

Typescruipt 버전 선택(1)

Typescruipt 버전 선택(2)

 

 

만약 설정에서 보고 싶다면 설정에서 typescript를 찾아보면 아래와 같이 확인 할 수 있다.

아래 변경된 항목(4번째)를 체크해주면 된다.

설정 > Typescript