Redux DevTools не может сделать - PullRequest
Новая
       25

Redux DevTools не может сделать

0 голосов
/ 13 декабря 2018

Я использую redux-devtools с redux-devtools-dock-monitor и redux-devtools-log-monitor.

Я следовал документации.Однако в консоли я получаю эту ошибку: 

index.js:1452 Redux DevTools could not render. 
You must pass the Redux store to <DevTools> either as a "store" prop 
or by wrapping it in a <Provider store={store}>.

Вот мой компонент Root: 

const Root = () => {
   return (
       <Provider store={store}>
            <div>
                <h1>Hello !!!</h1>
                <DevTools/>
            </div>
       </Provider>
   );
};

export default Root;

Кроме того, я получаю это предупреждение тоже: 

redux-devtools@3.4.2" has incorrect peer dependency "react-redux@^4.0.0 || ^5.0.0".

Я использовал redux-devtools-log-monitor и redux-devtools-dock-monitor в качестве мониторов

Ответы [ 2 ]

0 голосов
/ 18 декабря 2018

Я попробовал предложение, и теперь оно дает другую ошибку (я использую DockMonitor).Т.е. это мои настройки. 

<DockMonitor toggleVisibilityKey='ctrl-h'
  changePositionKey='ctrl-q'
  changeMonitorKey='ctrl-m' >
  <LogMonitor />
</DockMonitor>


<Provider store={store}>
  <App />
  <DevTools store={store} />
</Provider>

выдает следующую ошибку:

Uncaught Ошибка: передача избыточного хранилища в props была удалена и ничего не делает.Чтобы использовать пользовательское хранилище Redux для определенных компонентов, создайте пользовательский контекст React с помощью React.createContext () и передайте объект контекста провайдеру React-Redux и определенным компонентам, таким как:.Вы также можете передать параметр {context: MyContext} для подключения

0 голосов
/ 17 декабря 2018

В react-redux@6 хранилище не передается через унаследованный контекст React, и вы должны точно указать его через реквизит: 

<DevTools store={store}/>

Обновление 1: у меня сработало, потому что у меня было react-redux@6 в основном проекте, но react-redux@5 для redux-devtools зависимости.Поэтому, если кому-то нужен быстрый обходной путь (в любом случае вы не должны включать компонент DevTools в производство), пока он не будет поддержан, просто сделайте: cd ./node_modules/redux-devtools && npm i react-redux@5.

Обновление 2: redux-devtools@3.5.0 только что опубликовано, что добавляетподдержка react-redux@6.

...