[React] Can't resolve 'react-router-dom' 해결 방법

직역하면 [ 'react-router-dom'을 찾을 수 없습니다 ] 정도 인데, 라이브러리 파일을 찾을 수 없어 나타나는 현상이다.

 

react-router-dom 은 리액트(create-react-app) 패키지에 포함되어 있지 않다.

 

리액트와는 다른영역을 다루는 라이브러리기에 추가 설치를 해주어야 한다.

 

설치만 하면 해당 현상은 해결된다.

 

# 설치법

npm i -s react-router-dom

 

# react-router-dom 변경사항 (2021. 11. 25 기준) 

 1. Route 컴포넌트를 이제는 Routes 컴포넌트로 필히 감싸주어야 한다.

 2. Route 컴포넌트의 매개변수 compent 가 element 로 바뀌었다. (이건 선넘었지...)

<Routes>
    <Route path="/home1" component={Home}>
    <Route path="/home2" element={<Home/>}>
</Routes>

//home1 은 작동안하고
//home2 는 작동한다..
// :D.........

 

 

# npx create-react-app 이 실행이안되요..! (번외)

[React] npx create-react-app 에러 (404 에러 해결방법)