與 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