create-react-app - 在生产版本中检查Redux商店

Question

我正在使用create-react-app作为我正在处理的应用程序的初始支架，它存在于现有的php / jQuery应用程序中。经过一些小小的讨论后，我已经能够使用here描述的方法在非React应用程序和React应用程序之间建立通信。

我目前正在做的是创建一个build的React应用程序，然后将其插入到非React应用程序中，但是我发现对应用程序的构建版本进行故障排除既慢又麻烦，因为我是无法通过Chrome的Redux插件检查Redux商店。我猜测作为create-react-app的一部分禁用了从生产就绪版本检查Redux商店的能力？我试图避免在可能的情况下弹出应用程序，所以我想知道是否有办法检查Redux商店的生产版本？

Answer 1

还有另一种使用“React Dev Tools”检查redux商店的简单方法。但我不确定它是否适用于您的场景，因为您在非React应用程序中使用React。

只需打开您的开发工具，然后选择您的Provider组件即可。然后，您会在组件旁边看到== $r符号。这基本上是说你可以在控制台中$r来访问Provider组件的当前实例。

现在您可以转到“控制台”选项卡并输入以下行以查看当前状态。

> . $r.store.getState()

您也可以使用此方法检查任何其他React组件。

希望这有帮助！

Answer 2

刚刚意识到这完全是我自己的错 - 在为我指定的Redux商店设置配置时：

if (process.env.NODE_ENV === 'development') {
  const devToolsExtension = window.devToolsExtension;

  if (typeof devToolsExtension === 'function') {
    enhancers.push(devToolsExtension());
  }
}

我删除了process.end.NODE_ENV === 'development'的条件，我现在可以从生产版本中检查Redux商店了。

感谢评论者的建议。抱歉浪费你的时间！