Question

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

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

Answer 1

正如我所说， webpack.config.js 文件必须稍加修改才能使其正常工作。在你的webpack.config.js中写下这段代码：

   devServer: {
        historyApiFallback: true,
        contentBase: './',
        hot: true
      },

<强>扩展

我把代码放在

中

module.exports = {...} 输出代码块之后：

output: {
   path: __dirname + "/js",
   filename: "scripts.min.js",
 },

devServer: {
   historyApiFallback: true,
   contentBase: './',
   hot: true
 },

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

1 个答案: