React with Webpack not displaying errors

Question

I'm running react with HMR using webpack. When a function is deleted in a server or used shared service is deleted, no errors are emitted, neither in the console nor on the terminal. This error can not be seen even during the build process.

I've waisted at least a day trying to find a solution for it. Any help is appreciated.

thank you.

const DEV_SERVER = {
    contentBase: PATHS.public,
    hot: true,
    open: true,
    hotOnly: true,
    historyApiFallback: true,
    overlay: true,
    port: 3000,
// stats: 'verbose',
// proxy: {
//   '/api': 'http://localhost:8888'
// },

More Details

if i have user.service.ts imported in an index.ts file and use in all the other files, then i delete the user.service.ts file.

Expected Behaviour: An error with module not found.

Current Behaviour: Nothing is showing in the console or terminal.

React v 16.13

Webpack v 4.41

user_9485417 · Answer

Check the source maps used, this worked for me:

devtool: 'cheap-module-source-map'

user_12744347 · Answer

Did you try the error-overlay-webpack-plugin?

const ErrorOverlayPlugin = require("error-overlay-webpack-plugin");

module.exports =  {
    plugins: [new ErrorOverlayPlugin()]
);

https://www.npmjs.com/package/error-overlay-webpack-plugin

React with Webpack not displaying errors

2 Answers