reactjs - 反応、i18n、redux、および反応ルーターの構成

Question

react-router と redux を使用するシンプルな (現時点では) アプリがあり、それに国際化機能を追加したいと考えています。

npm パッケージreact-i18nextをインストールし、提供されたサンプルをインストールして実行することができました。適切なインポートを自分のアプリに追加し、ルートのレンダリング メソッドに i18n タグを追加しました。

I18nextProviderタグを render メソッドに追加すると、エラーが発生します

モジュール「react」が見つかりません

特にタグを削除すると、反応アプリが正常に動作するため、これは特に役に立ちません。

私が使用しているレンダリング方法は次のとおりです。

import React from 'react'
import ReactDOM from 'react-dom'    
....    

ReactDOM.render(
  <I18nextProvider i18n={ i18n }>
  <Provider store={store}>
    <div>
      <Router history={history}>
        <Route path="/" component={App}>
          <IndexRoute component={DashboardIndex}/>
          <Route path="about" component={About}/>
          <Route path="collectors" component={Collectors}/>
        </Route>
      </Router>
      <DevTools />
    </div>
  </Provider>
  </I18nextProvider>,
  document.getElementById('app')

編集: yo 反応ジェネレーターを使用して空のアプリケーションを開始しましたが、同じ問題が発生するため、この問題は webpack ビルドに関係しているとしか思えません。

私はreact/reduxなどに非常に慣れていません。しかし、インターネット上に多くのヘルプがない場合は、本当に助けていただければ幸いです。

完全なスタック トレースは次のとおりです。

Uncaught Error: モジュール 'react'o @ index.js?0f21:1(anonymous function) @ index.js?0f21:1r.4.react @ index.js?0f21:1o @ index.js?0f21:1 が見つかりません(無名関数) @ index.

js?0f21:1r.2../I18nextProvider @index.js?0f21:1o @index.js?0f21:1e @index.js?0f21:1(匿名関数) @index.js?0f21:1c @index.js?0f21:1o js?0f21:1(匿名関数) @ index.js?0f21:1(匿名関数) @ app.js:4127__webpack_require__ @ app.js:535fn @ app.js:76(匿名関数) @ VM91841:35(匿名関数) ) @ index.js?9552:67(匿名関数) @ index.js?9552:67(匿名関数) @ app.js:1024__webpack_require__ @ app.js:535fn @ app.js:76(匿名関数) @ app. js:567__webpack_require__ @ app.js:535(anonymous function) @ app.js:558(anonymous function) @ app.js:561 client?8a21:22 [WDS] Hot Module Replacement が有効になりました。