WebpackDevServer breaks on complex nested routes

Was running into this for a few days (on master & since upgrading to 3.0.0)

I had some routes like /releases /releases/:version

My :version param takes a semver number, like 1.2.3.

They work perfectly when navigating around the app using <Link /> etc, and /releases works when hard-refreshing the page, but hard refreshing on a url like localhost:3000/releases/1.2.3 returns an error like this:

I confirmed that it’s specifically having periods in paths that are broken (by adding a route handler on /releases/foo; finally managed to track it down to this issues. The fix proposed by stefanfisk works perfectly when I edited webpack/server.dev.js.

https://github.com/rackt/react-router/issues/676#issuecomment-73963306

I think this is a general enough problem to fix; it certainly shouldn’t be happening - do you want me to clean up the code and submit a PR to 3.0.0?

[mxstbr]

Add the publicPath to your output option in your webpack config:

output: {
  path: path.resolve(__dirname, '..', 'build'),
  filename: '[name].js',
  chunkFilename: '[name].chunk.js',
  publicPath: '/'
}

[mxstbr]

I totally forgot you’re on master, the above solution would only work on v3.0.0! For master, please try this:

    output: { // Compile into js/build.js
      path: path.resolve(__dirname, 'build'),
      filename: "/js/bundle.js",
      publicPath: "/"
    },

Sorry for the unnecessary troubles!