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

Question

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

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

请帮助我如何获得工作代码。 actual behavior

wanted behavior

Answer 1

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

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

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

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

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