const Home = Loadable({
    loader : () => import("./Home"),
    loading:Loading
});
const Page = Loadable({
    loader : () => import("./Page"),
    loading:Loading
});


class App extends React.Component{
    render(){
        return (
            <HashRouter>
                <Switch>
                    <Route exact path="/" component={Home}/>
                    <Route exact path="/Page" component={Page} />
                </Switch>
            </HashRouter>
        )
    }
};

export default App;

dependencies are as follows

"devDependencies": {
    "@types/history": "^4.7.2",
    "@types/react": "^16.7.13",
    "@types/react-dom": "^16.0.11",
    "awesome-typescript-loader": "^5.2.1",
    "cache-loader": "^2.0.0",
    "css-loader": "^1.0.1",
    "html-webpack-plugin": "^3.2.0",
    "mini-css-extract-plugin": "^0.5.0",
    "node-sass": "^4.11.0",
    "postcss-loader": "^3.0.0",
    "react-router": "^4.3.1",
    "react-router-dom": "^4.3.1",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "ts-import-plugin": "^1.5.5",
    "typescript": "^3.2.2",
    "typings-for-css-modules-loader": "^1.6.0",
    "webpack": "^4.27.1",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.14"
  },
  "dependencies": {
    "@types/antd": "^1.0.0",
    "@types/node": "^10.12.15",
    "@types/react-loadable": "^5.4.2",
    "@types/react-router": "^4.4.3",
    "@types/react-router-dom": "^4.3.1",
    "antd": "^3.11.2",
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "react-hot-loader": "^4.6.0",
    "react-loadable": "^5.5.0",
    "typed-css-modules": "^0.3.7",
    "typed-css-modules-loader": "0.0.17"
  }

when typing / Page in the browser, the browser does not get the Page.js, dynamically. Is it my mistake to configure it?
it hasn"t been solved yet. Could you take a look at it?