React Router不会重定向到组件

Question

我有一条路线重定向到我的组件

import React from 'react';
import ReactDOM from 'react-dom';

import {
    BrowserRouter as Router,
    Route, Switch
} from 'react-router-dom';
import { App } from './components/App/App.jsx'
import './style.css'

ReactDOM.render(
    <Router history={history}>
        <Switch>
            <Route exact path="/" component={App} />
        </Switch>
    </Router>,
    document.getElementById('root')
);

当我启动我的项目时：localhost：8080 /

我被重定向到我所在的项目的主页：src node_modules package.json webpack.config.js

然后，我必须单击src转到我的项目。

我看不到我要去哪里错了。如何解决？

Answer 1

检查您的webpack.config.js并确保已在dev服务器中正确配置了基本目录。

...

devServer: {
  contentBase: path.join(__dirname, "dist"),
  compress: true,
  port: 8080
}

...

只需将文件夹名称dist替换为项目的公用文件夹名称即可。