尝试访问翻译文件时，反应重定向到index.html

Question

我正在尝试使用react-i18next库实现翻译。我已经使用create-react-app创建了我的项目，翻译文件位于public / locales文件夹中。

这是i18n的配置文件：

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import Backend from 'i18next-xhr-backend';
i18n
  // learn more: https://github.com/i18next/i18next-xhr-backend
  .use(Backend)
  // connect with React
  .use(initReactI18next)
  // for all options read: https://www.i18next.com/overview/configuration-options
  .init({
    debug: true,
    lng: 'en',
    fallbackLng: 'en',
    whitelist: ['en', 'es'],
    interpolation: {
      escapeValue: false, // not needed for react as it escapes by default
    },
    backend: {
        loadPath: '/locales/{{lng}}/{{ns}}.json',
    }
  });
export default i18n;

它发出获取翻译文件的请求，但应用程序返回index.html。

我应该怎么做才能做到这一点？还是使用import而不是i18next-xhr-backend？

谢谢