在状态树中找不到路由器还原器，必须在“路由器”下安装它。

Question

我正在使用这些版本

"react": "^17.0.2",
"react-dom": "^17.0.2"
"react-router-dom": "^5.2.0"
"connected-react-router": "^6.8.0"
"history": "4.10.1"

导出const browserhistory = create browserhistory（{{ Basename：“/清除授权” }）

我遇到此错误在状态树中找不到路由器还原器，必须将其安装在“路由器”

reducers.js

export default (history) => {
const appReducer = (asyncReducer) => {
  return combineReducers({
    notifications,
    router: connectRouter(history),
    ...asyncReducer
  })
}
const rootReducer = (state, action) => appReducer(state, action)
return rootReducer
}

store.js

import { createBrowserHistory } from 'history'
export const history = createBrowserHistory({
  basename: '/clearance'
})
const middleware = [routerMiddleware(history), sagaMiddleware, notifications]

const configureStore = (initialState) => {
  const store = createStore(
    createReducer(history),
    initialState,
    compose(
      applyMiddleware(...middleware),
      getReduxDevTools(process.env.NODE_ENV === 'development')
    )
  )
  store.asyncReducers = {}
  store.runSaga = sagaMiddleware.run
  store.close = () => store.dispatch(END)
  return store
    }

export default configureStore

app.js下

import configureStore, { history } from './redux/store'
import { ConnectedRouter } from 'connected-react-router'

  <Provider store={store}>
      <ConnectedRouter history={history}>
        <Frame handleScrolling={false}>
         </Frame>
      </ConnectedRouter>
    </Provider>

Answer 1

从您的描述和错误中出发

，似乎您没有将连接的路由器添加到根还原器中。

解决方案

导入ConnectRouter函数，并使用路由器键创建root还原器，然后传递历史记录对象。 Redux没有匹配的还原器，或者特别是连接的反应 - 曲线选择器正在尝试从不存在的状态中进行选择。

from docs ：

在您的根还原文件中，

• 创建一个以历史为参数的函数，并返回root还原器。

• 添加路由器通过传递历史> connectrouter 。

• 注意：键必须为路由器。

    // reducers.js
  从'redux'导入{combinereducers};
  从'connected-react-router'导入{ConnectRouter};
  ... //还原器
  
  const createRootReducer =（历史）=＆gt;组合器（{
    路由器：ConnectRouter（历史），
    ... //其余的还原器
  }）;
  
  导出默认的createrootReducer；
   

...

导入您的历史记录对象和自定义createrootredeDucer在创建Redux商店时使用。请按照连接的反应路由器文档进行细节。

例子：

import { browserHistory } from '../path/to/history';
import createRootReducer from './reducers';

...

createRootReducer(browserHistory);

Answer 2

更改了还原器中的代码
reducers.js

export default (history) => {
  return combineReducers({
    notifications,
    referenceData,
    clearance,
    lotNotes,
    siteTour,
    buyerNotes,
    router: connectRouter(history)
  })
}