reactjs - 如何启用 Redux Devtools？

Question

我正在学习 React 教程，讲师在 Chrome 上安装了一个扩展， Redux Devtools .就我而言，我想知道为什么我的扩展名似乎是 不活动(灰色) .在我的 chrome 扩展设置中，它是 在 , 站点访问设置 在所有网站 ， 允许打开文件中的链接
已打开，但当我查看 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 的兼容性？

Answer 1

import {Provider} from 'react-redux'

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

import reducers from './reducers';


const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const store = createStore(reducers, composeEnhancers(applyMiddleware()))


ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);