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

Я следую инструкциям по 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?

введите описание изображения здесь

Всего 1 ответ


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

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

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

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

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose

let store;

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

Нет, if заявления


Есть идеи?

10000