我得到了这个错误:试图导入错误：'initReactI18next‘不是从’Reacti-i18Next‘导出的。这就是我的i18next.js文件的样子

Question

这是我的i18next.js文件。我已经下载了所有的依赖项，我想知道为什么我会得到这个错误：

试图导入错误：'initReactI18next‘不是从’Reacti-i18Next‘导出的。

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import Backend from 'i18next-http-backend';
import LanguageDetector from 'i18next-browser-languagedetector';
// don't want to use this?
// have a look at the Quick start guide 
// for passing in lng and translations on init

const Languages = ['en','ko','chi'];

i18n
  // load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)
  // learn more: https://github.com/i18next/i18next-http-backend
  .use(Backend)
  // detect user language
  // learn more: https://github.com/i18next/i18next-browser-languageDetector
  .use(LanguageDetector)
  // pass the i18n instance to react-i18next.
  .use(initReactI18next)
  // init i18next
  // for all options read: https://www.i18next.com/overview/configuration-options
  .init({
    fallbackLng: 'en',
    debug: true,
    whitelist: Languages,
    
    interpolation: {
      escapeValue: false, // not needed for react as it escapes by default
    }
  });


export default i18n;

Answer 1

使用以下命令更新版本：

纱线：

yarn add react-i18next@11.8.15

国家预防机制：

npm i --save react-i18next@11.8.15

为我工作！

Answer 2

我也有同样的问题。对于我的情况，我在src目录下创建了一个新的目录@types。在创建类型定义文件react-i18next.d.ts.之后添加以下内容。

​

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import LanguageDetector from 'i18next-browser-languagedetector';

i18n
  // detect user language
  // learn more: https://github.com/i18next/i18next-browser-languageDetector
  .use(LanguageDetector)
  // pass the i18n instance to react-i18next.
  .use(initReactI18next)
  // init i18next
  // for all options read: https://www.i18next.com/overview/configuration-options
  .init({
    debug: true,
    fallbackLng: 'en',
    interpolation: {
      escapeValue: false, // not needed for react as it escapes by default
    },
    resources: {
      en: {
        translation: {
          // here we will place our translations...
        }
      }
    }
  });

export default i18n;

​

现在，那个错误在我这一边消失了。希望能帮上忙。