Почему я не вижу результатов маршрутизации в React?

Question

У меня есть этот код, и он очень хорошо работает в другой среде без веб-пакета.

Это main.js во внешнем интерфейсе

import ReactDOM from "react-dom";
import React from "react";
//import { Router, Route, hashHistory } from 'react-router';
import { BrowserRouter, Route } from "react-router-dom";
import App from "./components/App.jsx";
import WizardIndex from "./components/index.js";
ReactDOM.render(
  <BrowserRouter>
    <App>
      <Route path="/signup" component={WizardIndex} />
    </App>
  </BrowserRouter>,
  document.getElementById("mount-point")
);

Это App.jsx

import React from "react";
import { Link } from "react-router-dom";

class App extends React.Component {
  render() {
    const { children } = this.props;
    return (
      <div className="App">
        <div className="menu-bar">
          <div className="menu-item">
            <h3>App</h3>
            <Link to="/signup">Signup</Link>
          </div>
          <div className="content">{children}</div>
        </div>
      </div>
    );
  }
}

export default App;

И сюда я включаю файл WizardIndex index.js

import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { Values } from "redux-form-website-template";
import store from "./store";
import showResults from "./showResults";
import WizardForm from "./WizardForm";
class WizardIndex extends React.Component {
  render() {
    return (
      <h1>
   Hello!!!React Router
  </h1>
    );
  }
}

export default WizardIndex;

Я вижу ссылку регистрации - кнопка на локальном хосте: 8050 Но зачем Почему я ничего не вижу после нажатия на кнопку «Регистрация» У меня не было никакой ошибки Нет в консольном веб-пакете (там все зеленое) Нет в консоли браузера И когда я перезагружаю страницу localhost: 8050 / signup, я получаю эту заметку в браузере, но не в консоле Cannot GET / signup