6개월 동안 해결 못한 오류... 해결기

 

지난 6개월동안 저를 괴롭혔던 오류입니다.

 

해당 컴퍼넌트 뿐만 아니라 대부분의 컴퍼넌트애 JSX 컴퍼넌트 이슈가 발생하는 문제가 있었습니다.

 

이 오류로 인해서 VScode 코드 요약 부분(우측 상단에 있는 기능)은 항상 오류 투성이라 해당 기능을 사용할 수 없는 문제가 있었습니다.

코드 요약

[오류 조건]

 

1. 해당 이슈는 개발팀원 중 저에게만 일어났습니다.

(package.lock 파일을 지우고 npm install 했을때는 다른 팀원분들도 같은 오류가 났습니다.)

 

2. 회사에서 제공해준 컴퓨터에서는 문제가 없고, 제가 구매한 컴퓨터에서 문제가 있었습니다.

 

3. 회사에서 제공해준 컴퓨터에서 제 컴퓨터로 마이그레이션 한 상태였습니다.

 

위의 3가지 조건으로 가설을 세우고 크게 4가지 케이스로 오류를 해결하고자 했습니다.

[시도 해본 케이스]

 

1. node modules 삭제 후 yarn , npm install (모두 실패)

 

2. 특정 라이브러리 버전 조정
(react 버전을 18버전으로 업데이트시(기존 버전 17.xx) 오류가 일부 사라짐)

 

3. "typescript.validate.enable": false (typescript 오류 끄기)

 

4. VScode 내부 환경 설정 변경

 

1번의 경우는 가장 처음에 시도 해본 방법이였으나, 오류가 해결되지 않았습니다.

 

2번의 방법으로 해결하기 위해 가장 많은 시간을 썼는데, 결론적으로 개발팀에서 저 혼자만 다른 버전을 사용하는 것은 문제가 될 수 있어서 좋지 못한 해결방법 이였습니다.

 

3번의 방법은 다른 타입스크립트 이슈를 볼 수 없다는 문제가 있었습니다.

 

4번의 방법으로도 많은 시간을 할애했는데, 오류가 해결되지 않았습니다.

 

위의 4가지 방법으로 해결이 안되어서 6개월간 오류와 함께 지내게되었습니다.

 

[해결 방법]

문제의 원인은 다른 곳에 있었습니다.

 

회사 동료분께서 제가 겪고 있는 문제를 보시고는 다른 곳(홈 디렉토리)에서 typescript 관련된 라이브러리가 설치된 것 같다고 확인해보라는 조언을 해주셨습니다.

 

아니 이걸 왠걸...? 확인해보니 홈 디렉토리에 typescript 와 관련된 라이브러리가 설치되어 있었습니다.

(제가 개인적으로 타입스크립트를 공부하다가 실수로 설치된 것 같습니다...)

 

그제서야 오류 메세지의 끝 부분에 경로가 프로젝트 파일 경로가 아니라, 제 홈 디렉토리 경로인 게 눈에 들어왔습니다.

 

그렇게 홈 디렉토리에 있는 npm 들을 삭제 한 다음에 문제가 해결되었습니다.

 

 

[결론]

장장 6개월동안 헤맨 오류였는데, 왜 6개월동안 오류 메세지를 제대로 안읽었지? 이라는 생각이 들어서 저 자신을 돌아보니...

 

저는 개발하다가 오류가 발생했을때, 읽기도 전에 오류 메세지 복사하고 구글에 검색하고 그걸 토대로 해결하는 경향이 있었습니다.

 

이번 경험으로 오류를 해결할때 우선 읽고 어디서 문제가 발생했는지 생각하는 시간을 가져보려고 합니다.

(+ 영어 공부도 더 열심히 해야할 것 같습니다)