小编Chr*_*s3y的帖子

我知道 webpack 5 使用 http-proxy-middleware 来代理 http 请求，但我正在尝试设置一个开发服务器并努力调试为什么我的代理不起作用，因为我看不到任何正在发生的事情的日志，是好是坏。

http-proxy-middleware 有一个 logLevel 属性，但这似乎不是从 webpack 配置传递下来的（或者我做错了）。

我确实在 webpack 中发现了一些名为“infrastructionLogging”的东西，但没有运气搞乱它，并且不确定它是否用于调试我的插件和加载器（在 webpack.config 中添加）或包含像 http-proxy-middleware 这样的内部依赖项。对于像我这样的新手来说，文档非常模糊。

当我运行启动 devServer 时，我确实从配置的代理收到一条消息，如下所示：

[webpack-dev-server] [HPM] 代理已创建：/api -> https://pokeapi.co/api/v2/"

但这是我唯一看到的。当我发出 api 请求时（无论它们是否有效），我在 devserver 控制台中再也看不到 HPM 的任何输出。有人可以帮忙吗？

网页包配置：

const path = require('path');
const HtmlWebPackPlugin = require('html-webpack-plugin');

module.exports = {
    mode: 'development',
    entry: {
        ui: path.resolve(__dirname, 'src/app.js')
    },
    output: {
        path: path.resolve(__dirname, 'dist'),        
        filename: '[name].js',
        clean: true,
        assetModuleFilename: '[name][ext]'
    },
    devtool: 'source-map',
    devServer: {
        static: {
            directory: path.resolve(__dirname, 'dist')            
        }, …

我结合了有关调整大小和列排序的最基本示例。现在，如果我单击下面示例中的调整大小对象（蓝色条），该列将同时调整大小和排序。我想在调整大小时抑制排序。

参见：106号线

  {/* Use column.getResizerProps to hook up the events correctly */}
  <div
  {...column.getResizerProps()}
  className={`resizer ${column.isResizing ? "isResizing" : ""}`}
  />

https://codesandbox.io/s/react-tablev2-stt1z

我怀疑我需要以某种方式重写 OnClick 事件处理程序来调用“stopPropagation”，同时仍然调用原始处理程序。有没有一种简单的方法可以做到这一点？如果不是的话，该如何处理？

我对 js/react 很陌生