react、i18n、redux和react路由器配置

Question

我有一个简单的（目前）应用程序，使用react router和redux，我想为它添加国际化功能。

我已经安装了npm包react-i18Next，并且能够安装和运行提供的示例。我已经将适当的导入添加到我自己的应用程序中，并将国际化标签添加到根渲染方法中。

当我将I18nextProvider标记添加到render方法时，我得到了错误

找不到模块“react”

这并不是特别有用，尤其是因为如果我删除标签，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 react生成器启动了一个空白应用程序，它会产生同样的问题，所以我只能假设这个问题与webpack构建有关

我是非常新的反应/redux等人。但在互联网上没有很多帮助的情况下，我真的很感激任何帮助。

完整的堆栈跟踪是：

未捕获的错误：找不到模块“反应”[e-mail]?0f21： 1（匿名函数）@index.js?0f21：[e-mail]?0f21： [e-mail]?0f21： 1（匿名函数）@index。

js？0f21:1r。2../I18nextProvider@index。js？0f21:1o@index。js？0f21:1e@索引。js？0f21:1（匿名函数）@index。js？0f21:1c@index。js？0f21:1（匿名函数）@index。js？0f21:1（匿名函数）@app。js:4127__网页包__require__@app。js:535fn@app。js:76（匿名函数）@VM91841:35（匿名函数）@index。js？9552:67（匿名函数）@index。js？9552:67（匿名函数）@app。js:1024__网页包__require__@app。js:535fn@app。js:76（匿名函数）@app。js:567__网页包____@app。js:535（匿名函数）@app。js:558（匿名函数）@app。js:561客户？8a21:22[WDS]热模块更换已启用。

Answer 1

从技术角度来看，我从来没有弄清楚这个问题的根源，所以重构为使用react-intl来满足我的国际化需求。它也适用于redux。

Answer 2

您是否需要对具有

ReactDOM.render(
  <I189nextProvider 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>
  </I189nextProvider>,
  document.getElementById('app')

如果你没有问题。。。你所有的jsx都会转换为React。createComponent（…）

不需要React将导致捆绑错误。