В чем проблема?
webpack.config
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
},
},
{
test: /\.s[ac]ss$/i,
use: ["style-loader", "css-loader", "sass-loader"],
},
{
test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
loader: "url-loader?limit=100000",
},
],
},
};
Router
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
<Router>
<>
<div className="site">
<div className="site-content">
<Header />
<Switch>
<Route exact path="/" component={Home} />
<Route exact path="/apps/" component={List} />
<Route exact path="/app/:slug" component={Detail} />
</Switch>
</div>
<Footer />
</div>
</>
</Router>
upd: Дело было в Django. Фронт был подключен как отдельное приложение джанго. Фронт возвращал в views пустой шаблон index.html, возвращал шаблон только по пустому path, из-за этого при обновлении страницы он не передавал index.html. Я просто разделил фронт и бэк, использовав core для Django.