我无法导航到我的反应应用程序中的其他路线。我的家庭路线是可见的,当我在本地启动我的应用程序时运行(npm run dev)。
我在控制台中没有出现任何错误。
这是我的主路由器组件代码:
import React from 'react'
import { Switch, Route, Router } from 'react-router-dom'
import Layout from './components/Layout.js'
import Statistic from './components/statisticscomponent/Statistic.js'
import Starter from './components/starter/Starter.js'
export const Main = () => (
<Switch>
<Route exact path="/" component={Layout}/>
<Route path="/abc" component={Statistic}/>
<Route path="/edf" component={Starter}/>
</Switch>
)
这是启动应用程序的主要script.js:
ReactDOM.render(
<Provider store={store}>
<BrowserRouter>
<Main/>
</BrowserRouter>
</Provider>, app);
如果您需要更多代码,请在评论部分发帖。
正如我所说,webpack.config.js文件必须稍加修改才能使其正常工作。在你的webpack.config.js里写下这段代码:
devServer: {
historyApiFallback: true,
contentBase: './',
hot: true
},
EXTENDED
我把代码放在里面
我的输出代码块之后的module.exports = {...}
:
output: {
path: __dirname + "/js",
filename: "scripts.min.js",
},
devServer: {
historyApiFallback: true,
contentBase: './',
hot: true
},