How to setup webpack-dev-server using historyApiFallback?

Question

React

If you navigate through the application pages through Link from react-router, then everything is loaded, but if you manually enter any path other than the root path into the url, you get the following picture: webpack.config.js
package.json
repo
What's the problem? How to fix it?

Answer 1

Webpack starts looking for files in the wrong path, adds /movie/ at the beginning in your screen.
I can't say exactly what the problem is, let's try this:
First, replace output.filename: './dist/main.js'with:

output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, 'dist')
    }

And publicPath: '/dist/'on:
And select css like this - new ExtractTextPlugin('[name].css'), output.path already indicates that everything should be unloaded in dist