React js i18n Uncaught SyntaxError：意外的令牌'导出'

Question

我遇到了以下问题：

Uncaught SyntaxError: Unexpected token 'export'

文件index.js：

import configureI18n from './i18n/i18n';

当我尝试导入以下文件时，它开始停止工作，这给我带来了问题。

文件./i18n/i18n.js：

import i18n from 'i18next';
import { reactI18nextModule } from 'react-i18next';
import LanguageDetector from 'i18next-browser-languagedetector';
import ReduxDetector from 'i18next-redux-languagedetector';
import Backend from 'i18next-chained-backend';
import Fetch from 'i18next-fetch-backend';

const Detector = new LanguageDetector();
Detector.addDetector(ReduxDetector);

export default function configureI18n({ i18nextConfig, redux }) {
  i18n
    .use(Backend)
    .use(Detector)
    .use(reactI18nextModule)
    .init({
      backend: {
        backends: [Fetch],
        backendOptions: [
          {
            loadPath: '/locales/{{lng}}/{{ns}}.json'
          }
        ]
      },
      detection: {
        order: ['navigator'],
        lookupRedux: redux.lookupRedux,
        cacheUserLanguageRedux: redux.cacheUserLanguageRedux,
        caches: ['redux'],
        excludeCacheFor: ['cimode']
      },
      whitelist: i18nextConfig.whitelist,
      fallbackLng: i18nextConfig.fallbackLng,
      ns: i18nextConfig.ns,
      defaultNS: i18nextConfig.defaultNS,
      debug: process.env.NODE_ENV !== 'production',
      interpolation: {
        escapeValue: false
      },
      react: {
        wait: false
      },
      nonExplicitWhitelist: true,
      load: 'currentOnly'
    });

  return i18n;
}

能给我一些建议吗？ 我在哪里做错了。