小编Nig*_*ley的帖子

我正在开发一个使用Redux开发工具扩展的React应用程序。它在Node上运行，并使用Webpack进行编译。我最近将应用程序从2升级到了Webpack 4。

通过使用webpack命令，应用程序可以正常编译，但是当我尝试在浏览器中运行它时，出现以下错误，该错误会终止该应用程序：

Uncaught TypeError: Invalid attempt to spread non-iterable instance

configureStore.js我在配置Redux存储的文件中发生了错误。请参阅下面的第7行import { composeWithDevTools } from 'redux-devtools-extension';引起此问题。

configureStore.js

import { createStore, applyMiddleware } from 'redux';
import rootReducer from './rootReducers';
import reduxImmutableStoreInvariant from 'redux-immutable-state-invariant';
import thunk from 'redux-thunk';
import {routerMiddleware} from 'react-router-redux';
import createHistory from 'history/createBrowserHistory';
import { composeWithDevTools } from 'redux-devtools-extension';

const history = createHistory();
const middleware = routerMiddleware(history);

export default function configureStore(){
    return createStore(
        rootReducer,
        composeWithDevTools(
            applyMiddleware(reduxImmutableStoreInvariant(), thunk, ...middleware)
        )
    );
}

当我删除此扩展名时，将加载初始页面。但是，我想将此扩展保留在应用程序中。关于为什么会发生这种情况以及如何使其继续工作的任何想法或建议？以下是其他文件作为参考点。

webpack.config.js …