2017-10-10 46 views
0

最近、Reactバージョンが16にアップグレードされました。それ以来、reactux-redux(私はReduxを使用しています)私のコードは大きすぎてここに貼り付けることはできません。しかし、それはhttps://github.com/ReactTraining/react-router/tree/master/packages/react-router-reduxと非常によく似ています。React 16にアップグレードしましたが、react-router-reduxが機能しません。

私はそれを解決するにはどうすればよい
//Combine the Epics 
const rootEpic = combineEpics(
    storeEpic, 
    shoppingListEpic, 
    landingEpic, 
    incrementalSearchEpic, 
    completedSavedShoppingEpic 
); 

const epicMiddleware = createEpicMiddleware(rootEpic, { 
    dependencies: { 
     incrementalSearchService: IncrementalSearchServiceMock 
    } 
}); 

//Combine the reducers 
const reducer = combineReducers({ 
    syncSpaceReducer, 
    routing: routerReducer 
}); 

const transitionHistory = createHistory(); 

const enhancer = compose(
    applyMiddleware(thunkMiddleware, epicMiddleware), 
    handleTransitions(transitionHistory), 
    DevTools.instrument() 
); 

const store = createStore(reducer, enhancer); 
const history = syncHistoryWithStore(browserHistory, store); 

render(
    <Provider store={store}> 
     <div> 
      <Router history={history} routes={routes} /> 
      <DevTools /> 
     </div> 
    </Provider>, 
    document.getElementById('syncspace') 
); 

これは私のコードは次のようになりますか?

+1

あなたは何を得ているのですか? –

+0

これはエラー warning.js?1792:33Warning:React.createElement:型が無効です - 文字列(組み込みコンポーネント用)またはクラス/関数(複合コンポーネント用)ですが、未定義です。あなたが定義したファイルからコンポーネントをエクスポートするのを忘れた可能性があります。 –

答えて

0

がウント再びこのパッケージをインストール、アンインストールしようと、彼らは一緒に私のために働いている:

"react": "^16.0.0", 
    "react-dom": "^16.0.0", 
    "react-redux": "^5.0.6", 
    "react-router": "^4.2.0", 
    "react-router-dom": "^4.2.2", 
    "react-scripts": "1.0.14", 
    "redux": "^3.7.2", 
    "redux-form": "^7.0.4", 
+0

私はあなたがreact-router-domを使用しているのに対し、react-router-reduxを使用していることに気づいた –

+0

チュートリアルの問題は古くなっています。 -router-redux; react-router-domを使って更新されたチュートリアルを最初に試してみてください。 react-router-reduxはベータ版 – stackdave

+0

です。これは実際に私にとっても問題を解決しました。 –

0

と互換性のある反応-ルータ - Reduxのバージョン16がまだ生産されていない反応します。彼らのアルファ版を使用することができます。彼らはreact-router以内にレポを移動しました。

そのページで説明したように、npm install --save [email protected]を実行すると問題が解決するはずです。

関連する問題