react-refresh-webpack-plugin icon indicating copy to clipboard operation
react-refresh-webpack-plugin copied to clipboard

Errors do not show up in browser console.

Open INCHMAN1901 opened this issue 3 years ago • 0 comments

Description

When I manually create a SyntaxError, the errors show up normally in terminal, but not in browser console.

terminal

terminal-error

browser console

console-hot-update

Since there is a SyntaxError in the updated module, no hot updates are applied to reflect build errors on the page. I'm wondering this is an intended behavior or a bug.

Configuration

I use express with webpack-dev-middleware and webpack-hot-middlewareas backend, and react-refresh and react-refresh-webpack-plugin are used to implement hmr in react. Below is a MRE.

react-demo-with-hmr-enabled.zip

other

react-hot-loader will show errors in browser console, which I think is correct.

INCHMAN1901 avatar Aug 17 '22 06:08 INCHMAN1901