[Typescript] 이슈 해결 모음

개요

---

Typescript로 개발하면서 발생했던 이슈 현상들을 기록하고 원인은 무엇이며,

어디서 도움을 받아 어떻게 해결했는지를 간단하게 기록합니다.

 

이슈 해결 

---

Typescript 1109 Error : VSCode에서 갑자기 ? 기호가 에러를 뱉음

• 현상 : Visual Studio Code에서 갑자기 ? 기호가 "식이 없습니다" 라는 오류를 내기 시작했다.
• 원인 : Optional chaining (the ? operator) is now available on TypeScript 3.7 
  ? 기호는 3.7 버전부터 지원하는데, VSCode 하단의 Typescript Version이 3.5x로 설정되어 있어 발생하는 문제였다.
• 해결 방법1 : VSCode 하단의 Typescript Version 숫자를 선택하여, 3.7 이상의 버전을 선택한다. 
• 해결 방법2(사실상 1번과 동일) : Try ⌘ + Shift + p 단축키 -> "Select TypeScript Version." -> 3.7 이상의 버전 선택
• 출처 : https://stackoverflow.com/questions/54611471/typescript-optional-chaining-error-expression-expected-ts1109

Typescript 2334 Error : static 함수, 변수에 대해서 this. 이 에러를 뱉음

• 현상 : Visual Studio Code에서 static 함수, 변수에 대해서 this. 부분에서 에러가 발생하였다.
• 원인 : 기존 함수 형식이 아닌 화살표 함수에는 this.을 사용할 수 없는 것 같다.
• 해결 방법 : 화살표 함수 내에서 this.변수*함수명을 <Utils함수명>.변수*함수명으로 변경하여 오류를 수정하였다.
• 출처 : https://stackoverflow.com/questions/63937001/why-static-member-cannot-be-accessed-in-a-property-method-but-ok-in-prototype-me