(해결방법 공유) 경로이동 문제 또는 Attempted import error: 'Switch' is not exported from 'react-router-dom'. 오류나시는 분들 보세요.

해결방법이 있을거라 생각하고 커뮤니티를 봤더니 없어서 해결 후 공유해드립니다.

일단, 그랩님이 사용하시는 버전과 설치한 버전이 달라 생기는 경우라고 판단이 됩니다.

1. Attempted import error: 'Switch' is not exported from 'react-router-dom' 오류시

터미널로 이동해서, npm uninstall react-router-dom을 입력해서

react-router-dom을 삭제해주시고, npm install react-router-dom@5.2.0 을 입력해서, 5.2.0 버전으로 설치를 해주시면 Switch는 사용이 가능해집니다.

2. 경로를 설정했는데도 이동이 안 될 경우

function App() {
  return (
    <div>
      <Switch>
        <Route path="/" exact component={MainPageComponent} />
        <Route path="/product" component={ProductPage} />
        <Route path="/upload" component={UploadPage} />
      </Switch>
    </div>
  );
}

이렇게 입력해주시면, 해당 경로로 이동이 가능해집니다.

component를 사용해서, 두 줄을 더 줄여 깔끔하게 사용이 가능해지네요.

도움이 되셨기를 바랍니다.