Javascript 创建react应用程序-检查生产构建中的Redux商店

我正在使用

createreact-app

作为我正在开发的一个应用程序的初始框架，该应用程序存在于现有的php/jQuery应用程序中。经过一段时间的摆弄，我已经能够使用所描述的方法在非React应用程序和React应用程序之间建立通信

---

我目前正在做的是创建React应用程序的

构建

，然后将其插入到非React应用程序中，但是我发现对应用程序的构建版本进行故障排除既慢又麻烦，因为我无法通过Chrome的Redux插件检查Redux商店。我猜，作为

create react app

？如果可能的话，我会尽量避免弹出应用程序，因此我想知道是否有任何方法可以检查Redux应用商店的生产版本？

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

只需打开开发工具并选择

提供者

组件即可。然后，您将看到组件旁边的

==$r

符号。这主要是说，您可以在控制台中访问

Provider

组件的当前实例

现在，您可以转到Console选项卡并输入以下行以查看您的当前状态

>$r、 store.getState（）

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

---

希望这有帮助

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

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

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

我已经删除了

process.end.NODE_ENV===“development”

上的条件，现在可以从生产构建中检查Redux存储

---

感谢评论人士的建议。很抱歉浪费你的时间

您能够使用

Redux dev tools

吗？不，不能在生产构建中使用。我刚刚发现

没有商店。确保按照说明操作。

很高兴知道！我会记住这一点，但我刚刚意识到我错在哪里了。将提交作为我自己问题的答案。。。感谢您的洞察力@Tharaka