<Provider> does not support changing `store`

Question

Redux 热更新 不可用

// index.js

import React from 'react'
import { Provider } from 'react-redux'
import { render } from 'react-dom'

import configureStore from './configureStore'
import App from './app'

import './index.less'

const rootEl = document.getElementById('app')

const store = configureStore()

render(
  <Provider store={store}>
    <App />
  </Provider>,
  rootEl,
)

// configureStore.js

export default function configureStore(initialState) {
  const middleware = []
  const store = createStore(
    rootReducer,
    initialState,
    compose(
      applyMiddleware(...middleware),
      process.env.NODE_ENV !== 'production' &&
      window.__REDUX_DEVTOOLS_EXTENSION__ &&
      window.__REDUX_DEVTOOLS_EXTENSION__(),
    ),
  )

  if (module.hot) {
    module.hot.accept('./reducers', () => {
      const nextRootReducer = require('./reducers/index').default
      store.replaceReducer(nextRootReducer)
    })
  } else {
    console.log('not hot')
  }

  return store
}

目录结构

Answer 1

以解决问题， 热更新 更新了index.js 导致redux 热更新失败

Answer 2

store被修改了？
给运行正常的代码:
store.js

import {createStore, applyMiddleware, compose} from 'redux';
import thunkMiddleware from 'redux-thunk';
import createLogger from 'redux-logger';
import YourReducer from '../reducers/YourReducer.js'; //import your reducer
let createStoreWithMiddleware = null;

if(process.env.NODE_ENV === 'production') {
    createStoreWithMiddleware = compose(applyMiddleware(
        thunkMiddleware
    ))(createStore);
} else {
    createStoreWithMiddleware = compose(applyMiddleware(
        thunkMiddleware,
        createLogger()
    ), window.devToolsExtension ? window.devToolsExtension() : f => f)(createStore);
}

export default (initState) => {
    return createStoreWithMiddleware(YourReducer, initState);
}

index.js

import {Provider} from 'react-redux';
import store from './stores/store.js';
<Provider store={store()}>
//...
</Provider>