Как включить Redux Devtools? - PullRequest
Новая
       27

Как включить Redux Devtools?

0 голосов
/ 24 марта 2020

Я следую инструкциям по React, и инструктор устанавливает расширение для Chrome, Redux Devtools . В моем случае мне интересно, почему мое расширение кажется неактивным (серого цвета) . В моих настройках расширения chrome это Вкл , доступ к сайту установлен На всех сайтах , Разрешить доступ к URL-адресам файлов включен, но когда я просматриваю вкладку Redux, он показывает:

No store found. Make sure to follow the instructions.

В файле . js есть объявление, похожее на это: 

const ReactReduxDevTools = window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__();
let store;
if(window.navigator.userAgent.includes("Chrome") && ReactReduxDevTools){
 store = createStore(
        rootReducer,
        initialState,
        compose(
            applyMiddleware(...middleware), 
            ReactReduxDevTools)
    );
}else{
...
}

Что может быть проблема? Совместимость с Chrome?

enter image description here

1 Ответ

0 голосов
/ 24 марта 2020

Работает только тогда, когда обнаруживает магазин в приложении, которое вы запускаете. Это имеет смысл, поскольку отображать нечего.

Запустите приложение с правильно подключенным Redux, и оно будет выглядеть цветным и будет содержать очень полезную информацию.

РЕДАКТИРОВАТЬ:

Я думаю, что нашел это. Проверьте исправление кода. Метод compose должен быть повторным, если существует __REDUX_DEVTOOLS_EXTENSION_COMPOSE__. 

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose

let store;

store = createStore(
          rootReducer,
          initialState,
          composeEnhancers(
            applyMiddleware(...middleware)
        );

Нет if операторов

...