HashRouter在构建时显示File：//

Question

为什么我的项目在构建时显示文件夹索引，但是在运行时却显示

我的Index.js

import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { createStore } from "redux";
import rootReducer from "./reducers";
import { HashRouter } from "react-router-dom";
import App from "./App";
import "./index.css";
import createBrowserHistory from "history/createBrowserHistory";

const store = createStore(rootReducer);
const history = createBrowserHistory();

ReactDOM.render(
  <Provider store={store}>
    <HashRouter history={history}>
      <App />
    </HashRouter>
  </Provider>,
  document.getElementById("root")
);

我的App.js

import React, { Component } from "react";

export default class App extends Component {
  render() {
    return (
      <div>
        <h1>ABC</h1>
      </div>
    );
  }
}

When i call my index.html and my bundle.js after build