鍍金池/ 問(wèn)答/HTML/ <Provider> does not support changi

<Provider> does not support changing `store`

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
}

目錄結(jié)構(gòu)
clipboard.png

回答
編輯回答
葬愛(ài)

store被修改了？
給運(yùn)行正常的代碼:
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>
2018年4月22日 07:24
編輯回答
孤島

以解決問(wèn)題， 熱更新 更新了index.js 導(dǎo)致redux 熱更新失敗

2017年11月11日 06:38