[Javascript -> Typescript] 에러 모음

JavaScript로 작성된 코드를 TypeScript로 변경하면서 만났던 많은 에러에 대해 기록해보고자 한다.

 

• 타입스크립트는 export나 import가 없으면 스크립트로 해석하기 때문에 같은 이름의 변수를 선언한다면(다른 파일임에도!!!) 에러를 낸다. 파일의 끝에 export {}; 를 추가하면 에러를 해결할 수 있다.
• 타입스크립트는 함수를 선언할 때 작성한 인자를 넘겨주지 않으면 에러를 낸다. 예시는 다음과 같다.

function hihi(a, b) {
  return a+b;
}

//자바스크립트는 위 두 상황에 대해 에디터에서 에러를 내지 않지만 타입스크립트는 에러를 낸다.
hihi(1);
hihi(1,2,3);

//만약 사용할 수도 있고 사용하지 않을 수도 있는 인자가 있다면 명시적으로 ?를 붙여주도록 하자.
function hihi(a, b?) {
  return a+b;
}

• 자바스크립트에서는 for문을 작성할 때 그냥 for(i = 1; i<array.length; i++)~~ 와 같이 작성했지만 타입스크립트는 에러를 낸다. for(let i = 1; i<array.length; i++)라고 고쳐주면 에러를 내지 않는다.
• import를 사용하려면 package.json에 “type” : “module” 이 추가되어야 한다. 이렇게 할 경우 typescript에 "moduleResolution": "nodenext"를 추가해줘야 한다.