Question

我正在使用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调试器用户界面时，在redux标签中会看到“找不到存储区”。

我已经从扩展名设置中访问了文件url。我不知道可能是什么问题。我尝试了使用教程中提供的中间件和redux-tools的几种存储设置，但似乎都没有用。我也尝试了独立应用程序，但它什么也没检测到，也没有反应代码。我在做什么错了？

Answer 1

我找到了解决方案并与他人分享，将为他人提供帮助。主要问题是我正在使用expo，因此expo与普通devtools在不同的端口上运行。我没有使用chrome，而是下载了独立的调试器，然后，借助此article，我使用正确的端口打开了调试器，这起到了神奇的作用：

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

Redux devtools和React Native

1 个答案: