Question

需要为React-native设置Redux devTools的帮助我在这里有一个非常简单的reducer和createStore，我尝试合并redux-devtools-extension，以便可以调试react-native 应用，但在Redux标签中却“找不到存储”

while len(allNum) != 0:
    prime = allNum[0]
    # remove all multiples of prime
    toRemove = (a for a in range(prime, max+1, prime) if a in allNum)
    for i in toRemove:
        print('toRemove:', i)
        allNum.remove(i)
    # add the prime to the list
    primes.append(prime)

Answer 1

Redux DevTools Extension无法访问React Native worker，因为扩展无法将代码注入到web worker中。您必须使用remote-redux-devtools通过websocket与扩展名进行通信。

您只需替换

import { devToolsEnhancer } from 'redux-devtools-extension'

使用

import devToolsEnhancer from 'remote-redux-devtools';

然后从扩展上下文菜单中，单击“打开远程DevTools”。默认情况下，它将使用其远程服务器进行快速引导，但是建议通过安装并运行remotedev-server来运行本地服务器。类似于您必须为React Native安装和运行react-devtools软件包的方式。

Answer 2

另一种选择是使用React Native Debugger。

获胜的是，您不必每次都npm安装redux devtools。调试器提供了开箱即用的旧版本“ REDUX_DEVTOOLS_EXTENSION ”。

因此，如果您要重新使用Web上的代码，则无需进行任何代码更改。与redux devtools extension相同的设置将起作用。

有关如何通过Expo应用程序设置React Native Debugger的详尽指南，请查看here。（由于官方文档有些混乱。）

将redux-devtools-extension与react-native与chrome一起使用

2 个答案: