Typescript '<variable>' is declared but its value is never read.

에러 발생 1번 상황

에러 발생 2번 상황

 

제목과 이미지에 나와있는 error는 typescript를 사용하면서 발생할 수 있습니다.

위와 같은 에러 상황이 나올수 있는 경우는 두가지 입니다.

 

1. 선언후에 사용하지 않는 변수가 있으면 Typescript compiler가 에러를 뱉어내게 됩니다.

2. functional Component에서 인자로 받은 변수를 사용하지 않으면 에러를 뱉어내게 됩니다.

 

---

 

가장 좋은 방법은 지시하는 대로 따르는 것이라 생각해요.

사용하지 않는 변수는 지워주고 사용하지 않는 인자도 지워주는 것이 좋지 않을까 싶습니다.

 

이 에러가 발생하는 원인과 해결책은 tsconfig.json에 있습니다.

아래와 같이 변경해주면 compile 해주는데 문제는 발생하지 않습니다.

아래 두개의 property가 true이면 위의 사진과 같이 에러가 발생하게 됩니다.

{
  "compilerOptions": {
    // ....
    "noUnusedParameters": false, // 함수 인자
    "noUnusedLocals": false, // 사용하지 않는 변수
   // .....
  },
  // .....
}