ReactのCannot GET / エラー

ReactJSのアプリケーションで、routingがうまくいかず、Cannot GET /のエラーが出続けていて困っています。。

自分なりに調べたところ、webpackの設定ファイルで、devServerのプロパティにhistoryApiFallback: trueを追加することで直った方もいるみたいだったのですが、私の方はそれでも直りません。。。

どなたか解決方法をご存知であれば教えていただきたいですm(._.)m

index.js

js
1import React from 'react';
2import ReactDOM from 'react-dom';
3import {createStore, applyMiddleware} from 'redux';
4import {Provider} from 'react-redux';
5import {BrowserRouter, Switch, Route} from 'react-router-dom';
6import Home from './components/home';
7import Detail from './components/detail';
8import NotFound from './components/not-found';
9import ScrollToTop from './components/scroll-to-top';
10
11import reducers from './reducers';
12
13const createStoreWithMiddleware = applyMiddleware()(createStore);
14
15ReactDOM.render(<Provider store={createStoreWithMiddleware(reducers)}>
16  <BrowserRouter>
17    <ScrollToTop>
18    <Switch>
19      <Route exact path="/" component={Home}/>
20      <Route path="/detail/:detailId" component={Detail}/>
21      <Route path="*" component={NotFound} status={404}/>
22    </Switch>
23    </ScrollToTop>
24  </BrowserRouter>
25</Provider>, document.getElementById('root'));
26

webpack.config.js

js
1const path = require('path');
2const ExtractTextPlugin = require('extract-text-webpack-plugin');
3
4module.exports = [
5  {
6    mode: 'production',
7    entry: './src/index.js',
8    output: {
9      path: path.resolve(__dirname, 'dist'),
10      filename: 'bundle.js',
11      publicPath: '/'
12    },
13    module: {
14      rules: [
15        {
16          exclude: /node_modules/,
17          loader: 'babel-loader',
18          query: {
19            compact: true,
20            presets: ['react', 'es2015', 'stage-1']
21          }
22        }, {
23          test: /.svg$/,
24          loader: 'babel-loader!svg-react-loader'
25        }, {
26          test: /.(jpg|png)$/,
27          loader: 'url-loader'
28        }, {
29          test: /.json$/,
30          loader: 'json-loader'
31        }, {
32          test: /.css$/,
33          loader: 'style-loader!css-loader?modules'
34        }, {
35          test: /.scss$/,
36          loader: 'sass-loader!css-loader'
37        }
38
39      ]
40    },
41    resolve: {
42      extensions: ['*', '.js', '.jsx', '.json']
43    },
44    devServer: {
45      compress: true,
46      contentBase: './',
47      historyApiFallback: true
48    }
49  }, {
50    mode: 'production',
51    entry: './style/style.scss',
52    watch: true,
53    output: {
54      path: __dirname + '/dist/',
55      filename: 'style.css'
56    },
57    module: {
58      rules: [
59        {
60          test: /.scss$/,
61          use: ExtractTextPlugin.extract({
62            use: [
63              {
64                loader: 'css-loader'
65              }, {
66                loader: 'sass-loader'
67              }
68            ],
69            fallback: 'style-loader'
70          })
71        }
72      ]
73    },
74    plugins: [new ExtractTextPlugin('style.css')]
75  }
76];
77