2017-11-03 4 views
0

HashRouterを使用して、ルートは、すべての状況で正常に機能しますが、BrowserRouterが使用されている場合ページが更新されたときに、それがエラーを示しています。Pageがリフレッシュされると、BrowserRouterにエラーが表示される|反応-ルータ-V4

ここで私はHashRouterとBrowserRouterの下で包まれたルートのためのコードです:

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

ここで私はさわやかながら取得スクリーンショットです:

router error

+0

を追加しましたか?あなたのアプリをどのようにホストしていますか? –

+0

ええ私はローカルの開発環境でテストしています。私はホスト用firebaseを使用します –

+0

BrowserRouterをインポートするindex.jsファイルを投稿できますか?BrowserRouterに履歴を渡していますか? – Aaqib

答えて

0

UPDATEが

ありがとう@GabrielBleu、あなたのソリューションは魅力的に機能しました。このエラーを生成していたルータに反応しませんでした。それは自分のコンポーネントへのルートを取得するために不明だった私のwebpack(サーバー)の設定でした。

私は私のWebPACKの設定で更新されていた唯一のものは、このコードをローカルで

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

関連する問題