反应多语言问题

时间:2021-06-30 04:50:03

标签: reactjs

我怎么会出错。我正在通过 json 文件获取语言数据,但语言资源键无法正常工作。

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

import { formatDate } from './util'

export const setUiLocale = (locale) => {
    
    return fetch(`/assets/locales/${locale}/translation.json`)
            .then(response => response.json())
            .then(loadedResources => (
                
                new Promise((resolve, reject) => {
                    i18next
                    .use(LanguageDetector)
                    .use(initReactI18next)
                    .init({
                        lng: locale,
                        debug: true,
                        resources: { [locale]:  loadedResources },
                        detection: {
                        order: ['path', 'cookie', 'htmlTag'],
                        caches: ['cookie'],
                        },
                        interpolation: {
                            format: function (value, format, locale) {
                                if (value instanceof Date) {
                                    return formatDate(value, format, locale)
                                }

                                return value
                            }
                        }
                    }, (err, t) => {
                        if (err) {
                            reject(err)
                            return
                        }

                        resolve()
                    })
                })
            ))
            .catch(err => Promise.reject(err))
}
export const t = (key, opt) => i18next.t(key, opt)

错误: i18next::translator: missingKey 翻译welcome_messagewelcome_message

0 个答案:

没有答案