urlブラウザフィールドにサブURLを入力すると経路が表示されない

Question

私のリアクションアプリ内の他のルートに移動することができません。 私のホームルートは見えて、私のアプリケーションを起動すると動作します（npm run dev）。

コンソールにエラーはありません。ここで

は私のメインのルータコンポーネントのコードです：

import React from 'react' 
import { Switch, Route, Router } from 'react-router-dom' 

import Layout from './components/Layout.js' 
import Statistic from './components/statisticscomponent/Statistic.js' 
import Starter from './components/starter/Starter.js' 


export const Main =() => (
     <Switch> 
     <Route exact path="/" component={Layout}/> 
     <Route path="/abc" component={Statistic}/> 
     <Route path="/edf" component={Starter}/> 
     </Switch> 
) 

このアプリを起動するメインscript.jsです：あなたはより多くのコードが必要な場合は、コメント欄に投稿してください

ReactDOM.render(
    <Provider store={store}> 
    <BrowserRouter> 
     <Main/> 
    </BrowserRouter> 
    </Provider>, app); 

。

Answer 1

私が言ったように、webpack.config.jsファイルを少し修正する必要がありました。あなたのwebpack.config.jsインサイド は、コードブロックを記述します。

：

devServer: { 
     historyApiFallback: true, 
     contentBase: './', 
     hot: true 
     }, 

は、私は、コードの私の出力ブロックの後

module.exports = {...} 内のコードを入れている

をEXTENDED

output: { 
    path: __dirname + "/js", 
    filename: "scripts.min.js", 
}, 

devServer: { 
    historyApiFallback: true, 
    contentBase: './', 
    hot: true 
},