javascript - 由于缺少 <script>，无法看到“关于”页面路由，但能够到达“主页”路由

Question

我似乎无法弄清楚为什么我无法访问我的“关于”页面。我可以去我的HomePage但不是我的AboutPage 。当我查看开发人员工具时，在localhost:3000中我看到主页内容为 <script type="text/javascript" src="/bundle.js"></script> 。然而，在 localhost:3000/about我没有看到<script> !缺少 bundle

App.js

import React from 'react';
import Header from './common/Header';
import Footer from './common/Footer';
import {Switch, Route} from 'react-router-dom';
import HomePage from './home/HomePage';
import AboutPage from './about/AboutPage';

class App extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.state = {};
  }

  render() {
    return (
      <div>
        <Header/>
        <Switch>
          <Route exact path="/" component={HomePage}/>
          <Route path="/about" component={AboutPage}/>
        </Switch>
        <Footer/>
      </div>
    );
  }
}

export default App;

关于Page.js

import React from 'react';

class AboutPage extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.state = {};
  }

  render() {
    return(
      <div>
        about pagesdfsdf
      </div>
    );
  }
}

export default AboutPage;

index.js

import React from 'react';
import {render} from 'react-dom';
import {BrowserRouter} from 'react-router-dom';
import {Provider} from 'react-redux';
import configureStore from './store/configureStore';
import App from './components/App';

const store = configureStore();

render(
  <Provider store={store}>
    <BrowserRouter>
      <App/>
    </BrowserRouter>
  </Provider>,
  document.getElementById('app')
);

Answer 1

<BrowserRouter>需要更多设置 - 你有服务器吗？您可能想切换到 <HashRouter>因为它更容易启动和运行。至少，它会解决您现在遇到的问题并使您的代码正常工作。

此处的差异引用:https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf