import error: 'Routes' is not exported from 'react-router-dom'

해당 에러가 발생하는 이유는

버전 때문이다

반응형

 

나의 경우에는 react-router-dom version 5를 사용하고 있었는데 
Routes 즉 5 버전에서 Switch였던 이 기능을 사용하려면 버전 업데이트가 필요했다. 

버전을 확인하려면 react 프로젝트 안에서 package.json 를 통해서 확인할 수 있다.

 

기존에는 ^5.3.4 버전이었는데 

새로 설치하기 위해서 먼저

1. 기존의 react-router-dom을 삭제 했다

$ npm uninstall react-router-dom

 

그리고 그냥 설치하면 자꾸 5버전이 설치 되길래 제일 최신 버전으로 설치했다.

2. 최신 버전 react-router-dom 설치

npm i react-router-dom@latest

 

그럼 해당 에러는 사라질 것이다!