4

在为 react-native 设置 Redux devTools 时需要帮助我在这里有非常简单的 reducer 和 createStore，我尝试合并 redux-devtools-extension，所以我可以调试我的 react-native 应用程序，但我在 Redux 中得到“store no found”标签

import { createStore, applyMiddleware} from 'redux'
import {reducer} from "./reducers"
import { composeWithDevTools, devToolsEnhancer } from 'redux-devtools- 
extension'

let store = createStore(reducer, devToolsEnhancer());

export const reducer = (state=[], action) => {
switch(action.type) {
    case "ADD_MEMBER":                   
        return [...state, {categoryID: 0, name: "Bill", zip: "27733", id: 4}]         
    default:
        return state
}
return state;
}
4

2 回答 2

7

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

你只需要更换

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

和

import devToolsEnhancer from 'remote-redux-devtools';

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

于 2018-12-11T21:49:45.247 回答
6

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

胜利是，您不必每次都 npm install redux devtools。调试器为您提供了开箱即用的旧“ REDUX_DEVTOOLS_EXTENSION ”。

因此，如果您从 Web 重用代码，则不需要任何代码更改。与redux devtools 扩展相同的设置将正常工作。

有关如何使用 Expo 应用程序设置 React Native Debugger 的完整指南，请查看此处。（因为官方文档有点混乱。）

于 2019-03-23T01:53:14.107 回答