与 Webpack 反应不显示错误

Question

我正在使用 webpack 对 HMR 做出反应。 在服务器中删除 function 或删除使用的共享服务时，无论是控制台还是终端都不会发出错误。 即使在构建过程中也看不到此错误。

我至少花了一天时间试图找到解决方案。 任何帮助表示赞赏。

谢谢你。

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'
// },

更多细节

如果我在user.service.ts文件中导入了index.ts并在所有其他文件中使用，那么我删除了 user.service.ts 文件。

预期行为：找不到模块的错误。

当前行为：控制台或终端中没有显示任何内容。

反应 v 16.13

Webpack v 4.41

Answer 1

检查使用的源地图，这对我有用：

devtool: 'cheap-module-source-map'

Answer 2

您是否尝试过 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