정말 진절머리 나는 eslint 에러

나는 평소 왠만하면 에러도 배우는 과정으로 생각하고 즐겁게 받아들이는 편이다.

내가 마주치는 에러가 많아질수록 다음번에 내가 대응할 수 있는 부분들이 많아지기 때문에 좋게 받아들이는 편이다. 

내가 아직 많이 부족한 탓인지 모르겠지만 깊은 공부가 안돼 있는 상태에서 typescript를 섣부르게 도입한 것부터가 패착이라고 생각했지만 그것에 더해서 eslint, prettier 등등 

부차적인 것들에서 성가신 에러들이 많이 발생하다 보니 결국 typescript도 에러와 실수를 줄이기 위한 도구 중 하나라고 생각하는데 이건 에러를 방지하기 위해 에러를 만들어내는 꼴이라는 생각이 드니 참 마음이 좋지 않았다.

여하튼 나를 끝까지 그리고 아직도 괴롭히고 있는 에러는 

 

[eslint] Plugin "react" was conflicted between "../.eslintrc.json" and "BaseConfig » /usr/local/lib/node_modules/react-scripts/node_modules/eslint-config-react-app/base.js".

 

바로 이놈이다.

 

말인 즉슨 react 플러그인이 eslint 설정 파일인 .eslintrc.json과 node_modules 내부에 있는 base.js에서 충돌을 일으키고 있다는 것인데, 찾아본 방법으로는 어떠한 방법을 사용해도 되지 않았고 

내가 생각한 바로는 충돌을 일으키는 양쪽 중 한쪽을 수정하거나 제거해주면 되지 않는 것인가 생각하여 각각 한쪽을 죽이는 처리를 해보아도 계속 충돌을 일으키고 있다고 한다. 

 

정말 미칠 노릇이다. 진전이 없다. 

지금 진행중인 프로젝트에서 손봐야할 부분, 처리해야할 에러만 해도 산더미인데 

eslint라면 치가 떨릴 지경이다.

 

아무튼 처리 되면 더이상 같은 실수를 반복하지 않기 위해서 이 글에 이어 남겨 놓으려 한다.

 

---

 

진절머리 나던 에러가 해결된 것 같다. 

하지만 해결 과정(?)이 너무나도 어이 없고 한편으론 웃기기도 했다. 

일단 어제 새벽 3시경까지 어떻게든 이 에러를 해결해 보자 마음을 먹고 매달렸다. 

chatGPT에게도 여러번 도움을 구했지만 크게 도움이 되지 않아 기대를 하지 않았지만 지푸라기라도 잡는 심정으로 chatGPT와 대화를 하며 시키는대로 진행해보았다. 

하지만 하라는대로 해도 해결되지 않았고 도돌이표마냥 계속 그 과정을 반복하도록 유도할 뿐이었다. 

그래서 싸우기(?)도 하며 진행하던 중 chatGPT는 특정 파일을 삭제하라고 했고 그대로 했는데 오히려 상황만 악화되어 왜 지우라고 했냐며 틀리지 않았냐고 따졌더니 이 일에 대한 잘못은 다 당신한테 있는데 왜 자기한테 뭐라고 하냐는 식으로 뱉어낸다... 

이쯤되니 무섭더라 ㅎㅎ...

 

그래서 포기하고 처음으로 돌아가 내 자신을 믿고 하나하나 따져보자 생각하고 다시 시작했다. 

eslintrc.json에서 설정을 건들여서 중복되는 부분을 제거하면 되는거였는데 항상 제거하고 나면 hook을 쓰지 말아야할 곳에서 hook을 사용했다는 에러가 발생했고 나는 이 문제에 매몰되어 있어서인지 그 에러가 현재 해결하려하는 에러의 파생문제라고 생각했다. 

 

그래서 설정을 건들여 에러를 해결하니 다른 문제가 발생하는구나 생각하고 다시 돌려놓고를 반복했는데 

나중에 알고 보니 이미 이 에러는 해결이 된거였고 해결이 되고 나니 안에 있던 에러를 뱉어내는 것이였다... 

 

결국 hook을 쓰지말아야 할 조건문 안에서 hook을 사용하고 있었고 그 부분도 수정하여 

드디어 진절머리 나는 에러와 빠이빠이 할 수 있게 되었다.