redux-devtools-extension 使用报错

Question

//创建store的代码 程序正常使用import { createStore} from 'redux';import reducer from './reducer';const store = createStore(reducer);export default store;//改变之后报错import { createStore ,compose } from 'redux';import reducer from './reducer';const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;const store = createStore(reducer,composeEnhancers());export default store;请教可能造成的原因 拓展程序的版本是2.15.1

Answer 1

你这种连接redux-devtools-extension的方式不怎么清楚，我通常是这样连接的

import { createStore } from 'redux'

import { composeWithDevTools } from 'redux-devtools-extension'

import reducer from './reducer'

export default createStore(reducer, composeWithDevTools())

Answer 2

const reduxDevTools = window.devToolsExtension

    ? window.devToolsExtension()

    : () => {

    }

 const store = createStore(reducer, compose(

    reduxDevTools,

))

或

 const store = createStore(reducer,

        window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : undefined

    );

官方文档