学习React.js - 未捕获的ReferenceError：未定义require

Question

我正在学习react.js。我过去常常用jquery开发前端，但现在我发现事情从那时起发生了巨大的变化。 我设法创建我的firt组件 - 搜索栏。所以我想使用react-i18next将i18next添加到我的应用程序中。

在我关注了一些教程之后我做了以下事情：

import i18n from 'i18next';
import XHR from 'i18next-xhr-backend';
import LanguageDetector from 'i18next-browser-languagedetector';

    i18n
        .use(XHR)
        .use(LanguageDetector)
        .init({
            fallbackLng: 'en',

            // have a common namespace used around the full app
            ns: ['common'],
            defaultNS: 'common',

            debug: true,

            backend: {
                // path where resources get loaded from
                loadPath: 'assets/locales/{{lng}}/{{ns}}.json',

                // path to post missing resources
                addPath: 'assets/locales/{{lng}}/{{ns}}.missing.json',

                // jsonIndent to use when storing json files
                jsonIndent: 2
            }


        });
        ReactDOM.render(
        <I18nextProvider i18n={ i18n }>
        <App />
        </I18nextProvider>    ,
        document.getElementById('content')
    );

然而，我收到了错误：

main.js:5 Uncaught ReferenceError: require is not defined

包含错误的已编译js文件中的

和行包含：

var _i18next = require('i18next');