2

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

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

当我将I18nextProvider标签添加到渲染方法时，出现错误

找不到模块“反应”

这不是特别有用，特别是因为如果我删除标签，反应应用程序运行良好。

我使用的渲染方法是：

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 构建有关

我对 react/redux 等人很陌生。但在互联网上没有很多帮助的情况下，真的很感激任何帮助。

完整的堆栈跟踪是：

未捕获的错误：找不到模块 'react'o @ index.js?0f21:1（匿名函数）@ index.js?0f21:1r.4.react @ index.js?0f21:1o @ index.js?0f21:1 （匿名函数）@索引。

js?0f21:1r.2../I18nextProvider @index.js?0f21:1o @index.js?0f21:1e @index.js?0f21:1(匿名函数) @index.js?0f21:1c @index.js?0f21:1c 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 js:567__webpack_require__ @ app.js:535(anonymous function) @ app.js:558(anonymous function) @ app.js:561 client?8a21:22 [WDS] 启用热模块更换。

4

2 回答 2

0

您是否需要对具有

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 会导致打包错误。

于 2016-02-12T18:56:58.873 回答
0

我从来没有从技术角度深入了解这个问题，所以重构以react-intl用于我的国际化需求。它也适用于我redux。

于 2016-06-16T16:24:25.890 回答