0

我有与这里描述的相同的问题（堆栈溢出问题），除了我的两个项目都配置正确。

我的 i18n.js 配置设置如下。

import i18n from 'i18next';
import Backend from 'i18next-xhr-backend';
import { reactI18nextModule } from 'react-i18next';

i18n
  .use(Backend)
  .use(reactI18nextModule)
  .init({
        interpolation: {
            // React already does escaping
            escapeValue: false
        },
        lng: 'en',
      fallbackLng: 'en',
      backend: {
        loadPath: '/locales/{{lng}}/translation.json',
        allowMultiLoading: true
      },
      debug: true,
      react: {
        wait: true
      }
  });

export default i18n;

我收到此错误i18next::backendConnector: loading namespace translation for language en failed failed parsing locales/en/translation.json to json

我确保我的locales目录在我的public目录中。我还验证了 postnpm run build目录locales是否已复制到build目录中。

在我的暂存环境中，我打开 Chrome 开发工具上的网络选项卡并translations.json在新选项卡中打开。我被带到正确的 urlhttps://example.com/locales/en/translation.json但是我被重定向到我的 index.html

4

2 回答 2

0

我想通了，我缺少的部分是我正在部署到 Google Cloud，并且为此的配置需要我指定允许将哪些文件类型用作静态资源。我添加json到我的配置中，现在它可以工作了。

handlers:
- url: /(.*\.(html|css|js|png|jpg|woff|json))
  static_files: build/\1
  upload: build/(.*\.(html|css|js|png|jpg|woff|json))
于 2018-05-14T14:40:46.563 回答
0

在 App Engine Standard 中，您需要在 app.yaml 配置文件中使用一个处理程序，将 URL 模式与上传的静态文件相关联。您将使用正则表达式在为静态文件指定的路径中定义将被视为静态文件的扩展文件。

例如。来自App Engine Standard 中静态文件的 app.yaml 配置。

handlers: - url: /(.*\.(gif|png|jpg))$ static_files: static/\1 upload: static/.*\.(gif|png|jpg)$

在哪里，

url = 将被视为静态文件路径的 URL 模式。
static_files = 静态文件的路径。
upload = 正则表达式，匹配部署应用程序时此处理程序将引用的所有文件的文件路径。

于 2018-06-07T16:52:31.853 回答