2017-11-03 13 views
0

, 경로는 모든 상황에서 잘 작동하지만 BrowserRouter을 사용할 때 페이지 새로 고칠 때, 그것은 오류를 보여줍니다.Page를 새로 고칠 때 BrowserRouter에 오류가 표시됩니다. | 반응 라우터-V4 <strong>HashRouter</strong>를 사용

router error

+0

을 추가했다? 앱을 어떻게 호스팅합니까? –

+0

예 로컬 개발자 환경에서 테스트 중이므로 호스트 용 firebase를 사용합니다. –

+0

BrowserRouter를 가져 오는 위치의 index.js 파일을 게시 할 수 있습니까? BrowserRouter에 기록을 전달하고 있습니까? – Aaqib

답변

0

UPDATE :

 <Switch> 
 
      <Route exact path="/" component={Home} /> 
 
      <Route exact path="/trip-detail" component={TripDetail} /> 
 
      <Route exact path="/booking" component={TripBooking} /> 
 
      <Redirect to="/" /> 
 
     </Switch>
여기

내가 상쾌하면서 얻을 스크린 샷입니다 : 여기

은 내가 HashRouter 아래에 싸서 경로에 대해 코드와 BrowserRouter입니다

감사합니다. @GabrielBleu, 당신의 솔루션은 매력처럼 작동했습니다. 이 오류를 생성하는 라우터에 반응이 없습니다. 내 구성 요소에 대한 경로를 알 수없는 내 webpack (서버) 구성이었습니다.

내 웹팩 설정으로 업데이트 한 유일한 것은이 코드 지역에

devServer: { 
 
    historyApiFallback: { 
 
     index: '/', 
 
    }, 
 
    },