与 Webpack 反应不显示错误

Question

我运行使用 webpack 与 HMR 互动。当在服务器中删除功能或删除使用的共享服务时，无论是在控制台还是在终端上都不会发出任何错误。即使在构建过程中也看不到这个错误。

我至少花了一天的时间来寻找解决方案。感谢任何帮助。

谢谢。

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 文件。

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

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

React 版本 16.13

Webpack 4.41 版

Answer 1

你试过 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

Answer 2

检查使用的源映射，这对我有用：

devtool: 'cheap-module-source-map'

与 Webpack 反应不显示错误

React with Webpack not displaying errors

reactjs

typescript

webpack-dev-server