Не удается подписаться на состояние реакции-редукции в реакции на Ubuntu

Я хочу добавить Reactotron в свое приложение React Redux — я использую плагин Rematch Redux. Redux работает правильно, и я также могу подключиться к настольному приложению Reactotron, но я не могу подписаться ни на одно состояние. Когда я хочу подписаться, ничего не происходит.

Есть только подзаголовок: «Без подписки. Вы можете подписаться на состояние в своем магазине избыточности, нажав ctrl + n.'

На временной шкале приложения Reactotron я вижу свою связь с такими деталями:

environment undefined
reactotronLibraryName reactotron-react-js
reactotronLibraryVersion 2.1.1
platform browser
platformVersion Linux x86_64
userAgent Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:68.0) Gecko/20100101    Firefox/68.0
screenWidth 1920
screenHeight 1080
screenScale 1
windowWidth 1853
windowHeight 951
name FoodGlobal
clientId 6f463c04-0d7a-8786-112b-53a630036930
reactotronCoreClientVersion 2.8.2
address ::ffff:192.168.0.59

Вот мой конфиг реакторона:

import Reactotron from 'reactotron-react-js';
import {reactotronRedux} from 'reactotron-redux';

const reactotron = Reactotron.configure({
  name: 'FoodGlobal',
  host: '127.0.0.1'
 })
.use(reactotronRedux());

 reactotron.connect();

 export default reactotron;

А вот конфиг хранилища редуксов:

import thunk from "redux-thunk";
import selectPlugin from "@rematch/select";
import { init } from "@rematch/core";
import * as models from "./models";
import reactotron from './reactotron';

export const store = init({
 models,
 redux: {
    createStore: reactotron.createStore,
    middlewares: [thunk]
 },
 plugins: [selectPlugin()]
});

export const { dispatch } = store;
export default store;

Спасибо за любую помощь.


reactjs redux reactotron rematch
person Marcin46    schedule 02.08.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете нажать Enter, ничего не вводя, и он подпишется на состояние. Если это не сработает, выполните следующие действия.

ReactotronConfig.js

import { AsyncStorage } from 'react-native';
import Reactotron from 'reactotron-react-native';

import { reactotronRedux } from 'reactotron-redux';
import sagaPlugin from 'reactotron-redux-saga';

const reactotron = Reactotron.setAsyncStorageHandler(AsyncStorage)  
  .configure() // controls connection & communication settings
  .use(reactotronRedux())
  .use(sagaPlugin())
  .useReactNative() // add all built-in react native plugins
  .connect(); // let's connect!

cretaeStore.ts

 import Reactotron from '../../ReactotronConfig';
     
    const sagaMonitor = Reactotron.createSagaMonitor();
    const sagaMiddleware = createSagaMiddleware({ sagaMonitor });
    
    const store = createStore(rootReducer, compose(...enhancers, Reactotron.createEnhancer()));

Код выше взят из моего файла, но ваша конфигурация немного отличается. Пожалуйста, выполните следующие два шага

  1. Шаг 1 — Подпишитесь до Если у вас есть промежуточное ПО
  2. Шаг 2 – следуйте, если используете сага.
person Avinash    schedule 16.07.2020