How to enable error display on browser sreen

I’d like to show script errors like the screenshot below. Is there a way to do it with webpack devserver

Here is my webpack config

entry: './app/index.js',
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, buildFolder),
        publicPath: publicPath
    },
    devServer: {
        contentBase: buildFolder
    }

Here is I start the dev server: webpack-dev-server --inline --hot

[SpaceK33z]

Note that since v2.3.0, you can use overlay: true in your devServer config. This is essentially the same as react-dev-utils.

[mikeaustin]

Ahh, it doesn’t seem to capture runtime errors…?

“Uncaught ReferenceError: x is not defined” “Uncaught TypeError: window.foo is not a function”

etc…