Issue with router. It uses relative paths. Getting error: `expected expression, got '<'`

[pejrich]

My routes work fine unless they are nested more than one level deep.

If I have this:

<Switch>
    <Route path="/rooms/:id" component={ShowRoom} />
    ...
</Switch>

I get errors on that page:

The script from “http://localhost:3000/rooms/b26a5036f70d782b55c3.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.
d1e1eb23-80b3-4b62-af38-1baa520c1b3c
The script from “http://localhost:3000/rooms/vendor.b26a5036f70d782b55c3.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.
d1e1eb23-80b3-4b62-af38-1baa520c1b3c
The script from “http://localhost:3000/rooms/app.b26a5036f70d782b55c3.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.
d1e1eb23-80b3-4b62-af38-1baa520c1b3c
SyntaxError: expected expression, got '<'
b26a5036f70d782b55c3.js:1
SyntaxError: expected expression, got '<'
vendor.b26a5036f70d782b55c3.js:1
SyntaxError: expected expression, got '<'

It looks like somewhere it's injecting the .js file as a relative path <... src="app.xxxxx.js">, instead of <... src="/app.xxxxxx.js">

I can't find where it is. Any help?

[nmedvedev1]

You can fix it with publicPath: '/' in webpack.config.js output
Maybe like this:
output: { publicPath: isProduction ? './' : '/', path: outPath, filename: isProduction ? '[contenthash].js' : '[hash].js', chunkFilename: isProduction ? '[name].[contenthash].js' : '[name].[hash].js' }