0

我对 react-i18next 无法解析我的密钥有问题，所以我得到的所有输出都是密钥本身。

我不得不将我的项目作为 gui 项目嵌入到 VisualStudio 解决方案中。运行我的原始项目效果很好，相比之下，解决方案项目无法解决我的翻译函数调用的关键部分。

t('user:KEY_CONSTANT') //output: KEY_CONSTANT

我的 i18n.config 看起来像这样：

i18n
    .use(XHR)
    .init({
        lng: i18nHelper.languageDetector(),
        load: 'currentOnly',
        fallbackLng: 'en-US',
        backend: {
            loadPath: 'i18n/{{lng}}/{{ns}}.json'
        },

        ns: ['admin', 'user'],
        defaultNS: 'admin',
        debug: false,

        interpolation: {
            escapeValue: false,
            formatSeparator: ',',
            format: function (vale, format, lng) {
                if (format === 'uppercase') return value.toUpperCase();
                return value;
            }
        }
    });

将项目嵌入解决方案时，我不得不更改 webpacks 输出文件夹，我认为这是发生故障的实际原因，但我找不到问题发生的确切位置。我尝试更改 loadPath，但如果那是失败的根源，我只是没有以正确的方式尝试：S

我的项目树如下所示：

Solution
|-gui
|  |-src
|    |-i18n
|      |-de-DE(containing the german admin.json and user.json files)
|      |-en-US(containing the english admin.json and user.json files) 
|    |-utils
|      |-i18n.js
|-out
|  |-prgFiles
|    |-html
|      |-i18n(contains same items as i18n under src)

在我的旧项目中，webpack 输出是 '/dist/'，与 src 处于同一级别，在解决方案中，'../out/prgFiles/html'。

admin.json 现在根本不包含任何键，user.json 包含键，就像您期望的那样：

{
    "KEY_CONSTANT": "Actual string value"
}

如前所述，我尝试了一些路径更改，检查了翻译，找到了 i18next 和 i18next-Provider，一切都很好。它只是无法将 KEY_CONSTANT 解析为实际值。

你知道问题可能是什么吗？

4

1 回答 1

1

在 i18next init 中将 debug 选项设置为 true -> 我敢打赌你会得到一个错误，说明 backendConnector failed to load namespace user ...

确保客户端能够加载翻译（webpack-dev 服务器在这方面做得很好 - 但在生产中你需要自己提供这些文件）

于 2017-10-23T14:28:20.023 回答