redux-devtools 跟踪选项卡未显示操作被调用者

Question

我正在使用 redux-devtools，我已经按照文档中的说明配置了我的商店，但跟踪未显示被调用者

const composeEnhancers =
  (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ &&
    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
      trace: true,
      traceLimit: 25
    })) ||
  compose;

请帮助我如何获得工作代码。 实际行为

想要的行为

Answer 1

我是一个完全的初学者，我在学习教程时遇到了同样的问题，并且在寻找解决方案时遇到了这个问题。

webpack.config.js通过将以下行添加到块下，我设法使跟踪行为按预期运行devServer：

},
devServer {
// block config
},
devtool: "source-map",
// rest of config

请注意，我只是添加额外的上下文行 - 我添加的唯一行是devtool: "source-map"

当然，在确认 webpack 开发服务器正在加载您刚刚修改的配置文件后，不要忘记停止并重新启动您的 webpack 开发服务器package.json。