reactjs - Redux 开发工具和 React Native

标签 reactjs google-chrome react-native redux redux-devtools

我正在开发 React Native 应用程序,但由于某些原因,我的 redux devtools 无法检测到商店。

这是 store.js 的代码

import { createStore, applyMiddleware, compose } from 'redux';
import createSagaMiddleware from 'redux-saga';

import jobs from './reducers/jobs';
import { watcherSaga } from './sagas';

// Saga Middleware
const sagaMiddleware = createSagaMiddleware();
const composeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
let store = createStore(jobs, composeEnhancer(applyMiddleware(sagaMiddleware)));

sagaMiddleware.run(watcherSaga);
// Enable Hot Module for the reducers
/* eslint-disable global-require */

if (module.hot) {
  //   module.hot.accept('./reducers/index', () => {
  //     store.replaceReducers(require('./reducers').default);
  //   });
}

export default store;

当我打开 chrome debugger-ui 时,我在 redux 选项卡中收到“未找到商店”。

我已经从扩展设置中授予了对文件 url 的访问权限。我不知道会出现什么问题。我尝试了在教程中找到的中间件和 redux-tools 的几种商店设置,但它们似乎都不起作用。我也尝试了独立应用程序,但它没有检测到任何内容,也没有检测到 react 代码。 我做错了什么?

最佳答案

我找到了解决方案并分享它,这样可以帮助其他人。 主要问题是我使用的是 expo,因此 expo 运行在与普通开发工具不同的端口上。 我没有使用 chrome,而是下载了独立的调试器,然后,感谢这个 article ,我使用正确的端口打开了调试器,这发挥了神奇的作用:

rndebugger://set-debugger-loc?host=localhost&port=19001

关于reactjs - Redux 开发工具和 React Native,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55020120/

相关文章:

html - 如何获取托管在 github 页面上的 Markdown 文件以显示在 React 应用程序中?

javascript - react native 如何用一个函数合并两个数组

html - CSS 动画在 Chrome 中不起作用,在 Safari 中起作用

node.js - require() 不显示本地镜像 React Native

javascript - 为什么 this.props.map 不是一个函数?

javascript - 迭代对象内的数组,console.log 工作,但我无法让它返回 react 元素。

google-chrome - 如何使用 Chrome 同步 XMPP 服务器进行身份验证?

google-chrome - 如何像 Vim 一样将 "go back"Chrome(ALT+向左箭头)重新映射为 ALT+H?

reactjs - React Native 中的 react-native run-android

javascript - 无法读取 null 的属性(读取 'store' )