我试图将我的反应项目放入gh页面 . 但是我发现当我捆绑反应代码时，反应路由器将无法令人惊讶地工作 . 它在开发服务器上运行得很好

以下是我的主要组件和Index.js中的代码

import React from 'react';
import ReactDOM from 'react-dom';
import FrontPage from './FrontPage.js';
import Page from './Page.js';
import Courses from './Courses.js'
import Register from './Register.js'
import "../assets/css/index.css";
import { Router, Route ,Switch} from 'react-router'
import { HashRouter,IndexRoute} from 'react-router-dom'

class Main extends React.Component {
    componentDidMount(){

    }
    render() {
        return (
            <div>
                <Page>
                    <Route exact path = '/' component = {FrontPage} />
                    <Route path = '/course' component = {Courses}/>
                    <Route path = '/register' component = {Register}/>
                </Page>
            </div>
        );
  }
}

export default Main;

这是index.js

import React from 'react'
import { render } from 'react-dom'
import { Router, Route ,Switch} from 'react-router'
import { HashRouter,IndexRoute, BrowserRouter} from 'react-router-dom'
import Main from './components/Main.js';



render((
  <BrowserRouter>
    <Route path = '/' component = {Main}/>
  </BrowserRouter>
), document.getElementById('root'))

这里是我的github项目

https://github.com/supasonk/ExampleTutor

更新：我已经发现了问题 . 看起来GitHub页面与BrowserRouter不兼容 . 我通过使用Hashrouter来实现它 .

javascript reactjs react-router-v4