React Native: _reactotronReactNative2.default.createStore не является функцией - PullRequest
Новая
       39

React Native: _reactotronReactNative2.default.createStore не является функцией

0 голосов
/ 16 мая 2019

В моем приложении React Native я не мог заставить Reactotron работать, то есть он не подключался к моему приложению.Приложение имело "reactotron-react-native": "1.14.0", "reactotron-redux": "1.13.0",

, и я обновился до "reactotron-react-native": "^3.5.0", и "reactotron-redux": "^3.1.0" соответственно, и мое приложение сломалось, но теперь оно подключается к интерфейсу Reactotron: enter image description here

Сам Reactotron говорит мне, что проблема в строке 53 файла App.js, которая является последней строкой кода ниже: 

//eslint-disable-next-line
console.ignoredYellowBox = ["Setting a timer"];
import './ReactotronConfig';
import React, {PureComponent} from 'react';
import {
  StyleSheet,
  View,
  StatusBar,
  Linking,
  Platform,
  Alert,
} from 'react-native';
import {applyMiddleware, compose, combineReducers} from 'redux';
import {Provider} from 'react-redux';
import thunkMiddleware from 'redux-thunk';
import Reactotron from 'reactotron-react-native';
import logger from 'logger';
import OneSignal from 'react-native-onesignal';
import SplashScreen from 'react-native-splash-screen';
import {Sentry} from 'react-native-sentry';
import {
  setJSExceptionHandler,
  setNativeExceptionHandler,
} from 'react-native-exception-handler';
import {jsHandler, nativeHandler} from 'utils/error-handlers';

import RootNavigation from 'navigation/RootNavigation';
import LocalStorage from 'services/LocalStorage';
import reducers from 'reducers';
import {
  setCurrentUser,
  validateUserInformationForVoterVoice,
} from 'auth/loginActions';
import {handleEventsDeepLink} from 'events/actions';
import {handleBallotsDeepLink} from 'surveys-ballots/actions';
import {setResetPasswordKey} from 'auth/registrationActions';
import {setNotificationData, deepLinkReceived} from 'navigation/actions';
import {view} from 'utils/view';
import {v2Colors} from 'theme';
import env from 'env';
import base from 'base-endpoint';
import * as appcenter from 'utils/appcenterLogger';
import * as cache from 'utils/cache';
import * as regex from 'utils/helpers/regex';

const appReducer = combineReducers({
  ...reducers,
});
const middleware = applyMiddleware(thunkMiddleware);
//react-native-debugger config
// eslint-disable-next-line no-underscore-dangle
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = Reactotron.createStore(appReducer, composeEnhancers(middleware));

Я только что узнал о существованииReactotron, и похоже, что это эффективный инструмент для отладки, и мне было интересно, может ли кто-нибудь, кто работает с "reactotron-react-native": "^3.5.0", и "reactotron-redux": "^3.1.0", знать, что происходит со строкой 53?Я предполагаю, что для этого требуется рефакторинг, как и большинство критических изменений React Native, но я не нашел никакой документации о том, как настроить store, если эта строка даже больше необходима.Если кто-нибудь знает, пожалуйста, помогите.

1 Ответ

0 голосов
/ 21 мая 2019

В соответствии с документами: https://github.com/infinitered/reactotron/blob/master/docs/plugin-redux.md

Я должен был убедиться, что импортировал createStore примерно так: 

import {createStore, applyMiddleware, compose, combineReducers} from 'redux';

и затем рефакторинг магазина следующим образом: 

const appReducer = combineReducers({
  ...reducers,
});
const middleware = applyMiddleware(thunkMiddleware);
//react-native-debugger config
// eslint-disable-next-line no-underscore-dangle
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
// const store = Reactotron.createStore(appReducer, composeEnhancers(middleware));
const store = createStore(appReducer, composeEnhancers(middleware, Reactotron.createEnhancer()));
...