在url浏览器字段中键入sub-url时,路径不显示

问题描述 投票:0回答:1

我无法导航到我的反应应用程序中的其他路线。我的家庭路线是可见的,当我在本地启动我的应用程序时运行(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);

如果您需要更多代码,请在评论部分发帖。

javascript node.js reactjs react-native react-router
1个回答
1
投票

正如我所说,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
 },
© www.soinside.com 2019 - 2024. All rights reserved.