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

之前在百度的两个Chrome 插件网站下载的redux DevTools 插件就出现你这样的问题
然后去官方文档下载就没问题，后人可以尝试一下是否是这个环节出错
野鸡网站害人呀！！！

Answer 2

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

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

import reducer from './reducer'

export default createStore(reducer, composeWithDevTools())

Answer 3

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
    );

官方文档

Answer 4

我也遇到这个问题，问题是我不能翻墙啊~哎