Как исправить инструменты разработчика redux? - PullRequest
0 голосов
/ 01 августа 2020

Раньше я использовал Redux-Logger, и все было хорошо, но когда я хочу использовать Redux-dev-Tools и хочу добавить этот код: ‍‍

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

он не работает и выдает ошибку.

1 Ответ

0 голосов
/ 01 августа 2020

Прежде всего, я предлагаю вам прочитать документацию инструментов разработчика redux . И я думаю, что ваша проблема не в использовании функции создания.

Пожалуйста, отредактируйте свой код, как написано ниже:

import { createStore, applyMiddleware, compose } from 'redux';
import rootReducer from './reducers';

const initialState = {};

const middleware = [];

const store = createStore(
  rootReducer,
  initialState,
  compose(
    applyMiddleware(...middleware),
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
  )
);

export default store;

Или вы можете использовать функцию внутри пакета, установив Redax-dev -Tools package:

npm install redux-devtools-extension

Или, если вы используете yarn:

yarn add redux- devtools-расширение

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(...middleware),
));
...