404 because of restarting the webpack-dev-server

Question

I\'m getting this in my developer tools when I try change my react component and save it to see if hot loader updated my page:

GET http://localhost:3000/public/b         


        

Answer 1

Instead of using

entry: [
    './app/index.js'
],

as your entry

add two additional entries along with it like this:

entry: [
    'webpack-dev-server/client?http://localhost:3000', // WebpackDevServer host and port
    'webpack/hot/only-dev-server', // "only" prevents reload on syntax errors
    './app/index.js' // Your appʼs entry point
]