react-router-dom 사용시 에러 발생 상황

react & typescript에서 리액트 라우터에 대해 공부하면서 코드를 작성해서 실행하려는데

@types/react-router-dom - Namespace 'React' has no exported member 'AnchorHTMLAttributes'

라는 에러와 함께 작동 중지 되는 상황이 발생하였습니다.

@types/react-router-dom/index.d.ts 파일에서

오류가 발생하였는데 뭐가 문제인지 알수 없었습니다.

급하게 구글링을 해본결과 이미 같은 문제를 겪는 사람이 git issue를 등록해놓았고,

https://github.com/DefinitelyTyped/DefinitelyTyped/issues/18133#event-1170036549

해결법이 없는것 처럼 보였습니다.

아무래도 이상하다 생각하여 @types/react/index.d.ts 를 계속 살펴보았지만

AnchorHTMLAttributes 는 찾을수 없었습니다.

그래서 새롭게 CRA를 이용하여 프로젝트를 생성하여 그곳에 있는 @types/react/index.d.ts 를 살펴보았는데, AnchorHTMLAttributes 이 존재함을 확인하였습니다.

결국 모듈에서 무언가 문제가 생겼던 사건이었습니다.

결국 모듈을 모두 지우고 새로 설치하는 방법으로 문제는 해결하였습니다.

해결 후 왜 이런 문제가 생겼을까 생각해보았는데,

이전에 오류가 났던 프로젝트는 제가 이것저것 여러 모듈을 설치하였다가 지웠다가 하고있는

연습용 프로젝트였습니다.

그런데 이렇게 각종 모듈을 설치하였다가, 지웠다가 하는 과정에서의 영향으로

react 모듈에 이상이 생겼던것이라 생각됩니다.

만일 같은 문제를 겪고 계신다면, 그냥 모듈을 싹 지우고 새로 설치하세요.

이상입니다!

This is done by removing all nodemodules and installing them again.!!!