Reactjs React路由器不重定向到组件

我有一个重定向到我的组件的路由

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')
);

从“React”导入React；
从“react dom”导入react dom；
进口{
BrowserRouter作为路由器，
路线、道岔
}从“反应路由器dom”；
从“./components/App/App.jsx”导入{App}
导入“./style.css”
ReactDOM.render(
,
document.getElementById（'root'））
);

当我开始我的项目时： 本地主机：8080/

我被重定向到项目的主页，在那里我有： src 节点单元 package.json webpack.config.js

然后我必须点击src进入我的项目

我看不出我错在哪里。。

---

如何修复它？

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

...

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

...

---

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

我只得到：无法获得/加载资源失败：服务器响应状态为404（未找到）。这是我的网页包配置：entry:path.join（u dirname，./src/index.js'），输出：{path:path.join（u dirname，'dist'）），filename:'bundle.js'}，devServer:{contentBase:path.join（uu dirname，“dist”），compress:true，port:8080，historyApiFallback:true}您在哪个文件夹中有index.html？好的，我添加了contentBase:path.join（u dirname，./src'），它可以工作。非常感谢：）