Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
21 / 6 / 8
Регистрация: 31.05.2015
Сообщений: 151

i18next.t не видит ключ

19.12.2021, 17:19. Показов 1152. Ответов 4

Студворк — интернет-сервис помощи студентам
Всем привет.
Пытаюсь сделать локализованную строку с помощью i18-next.
Вызовы вида:
i18next.t("namspace.ключ"), i18next.t("namspace:ключ") и i18next.t("ключ", {ns: "namespace"}) выдают название ключа (т.е. по сути он не видится).
При этом в i18next.services.resourceStore.data требующийся namespace и ключ видятся.
Также работает, если обернуть локализуемую строку в компонент Translation.

Сможет кто-нибудь подсказать, как сделать в обычной манере как в документации - i18next.t("namspace.ключ")?

Код:
Файл локализации public/locales/ru.json:
JSON
1
2
3
{
      "otherdata": "Другое значение"
}
Функция загрузки локализации.
Не срабатывает ни ожидание завершения этого промиса во внешнем коде, ни попытка обратиться к i18next.t ни TFunction, которая возвращается из init,
хотя в обоих случаях нормально заполняется i18next.services.resourceStore.data:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import i18next from "i18next";
import Backend from "i18next-http-backend";
import { initReactI18next } from "react-i18next";
 
const baseUrl = process.env.REACT_APP_ROUTEBASENAME || "";
 
export async function LoadLocalization(): Promise<typeof i18next> {
    return new Promise((resolve, reject) => {
        try {
            void (async () => {
                void await i18next
                    .use(Backend)
                    .use(initReactI18next)
                    .init({
                        fallbackLng: "ru",
                        lng: "ru",
                        backend: {
                            loadPath: "/locales/{{lng}}/{{ns}}.json",
                            allowMultiLoading: true
                        },
        
                        keySeparator: false,
        
                        interpolation: {
                            escapeValue: false // react already safes from xss
                        },
        
                        debug: false
                    });
 
                resolve(i18next);
            })();
        } catch(e) {
            reject(e);
        }
    });
}
Добавлено через 1 час 30 минут
UPD опечатался - public/locales/ru/mylocal.json
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.12.2021, 17:19
Ответы с готовыми решениями:

i18next способы смены языка
Я сделал два хелпера для создания компонента с переводом слова, всё работает. import moment from &quot;moment&quot;; import i18next...

1С не видит ключ
На сервере была система Server2000 , стояло 3 ключа: 1С7.5, 1С7.7SQL и РИБ.Все версии работали. Систему переустановили на Server2003,...

Hasp не видит ключ
ситуация такая: есть сервер с 1с7, старая база и в сети есть ПК в которой стоит lpt-ключ от этой базы, сегодня умер жёсткий диск где стоял...

4
Модератор
 Аватар для vxg
3409 / 2180 / 354
Регистрация: 13.01.2012
Сообщений: 8,457
19.12.2021, 19:29
ksardas2008, откуда вы знаете что заполняется i18next.services.resourceStore.data и чем он там заполняется? почему разные пути/названия у файлов (public/locales/ru/mylocal.json vs /locales/{{lng}}/{{ns}}.json) ? локализация вообще лежит на сайте по верным путям и успешно отдается наружу?
0
21 / 6 / 8
Регистрация: 31.05.2015
Сообщений: 151
19.12.2021, 20:16  [ТС]
vxg,
Цитата Сообщение от vxg Посмотреть сообщение
откуда вы знаете что заполняется i18next.services.resourceStore.data и чем он там заполняется
В i18next.services.resourceStore.data попадает объект с ключами и значениями в точности по json-файлам локализации.
Т.е. например { ru: { Menu: { "header": "Заголовок меню" } } }

Цитата Сообщение от vxg Посмотреть сообщение
public/locales/ru/mylocal.json vs /locales/{{lng}}/{{ns}}.json
public/locales/ru/mylocal.json - это путь не из кода - я просто указал в топике, что в данной лежат json-ы с локализацией.
По сути public это дефолтный путь: public/backend.loadPath. Если закомментить backend.loadpath в init(), то локализации из public/locales все равно подтянутся в i18next.services.resourceStore.data.

Также есть странный момент - если для пространства имен где-то в компонентах будет хотя бы 1 раз вызван хук useTranslation, то в дальнейшем и i18next.t() будет срабатывать иначе не работает вообще (проверялось в then промиса init, через callback(2-м аргументом) и через await).
0
Модератор
 Аватар для vxg
3409 / 2180 / 354
Регистрация: 13.01.2012
Сообщений: 8,457
21.12.2021, 09:37
ksardas2008, попробуй просто на уровне модуля позвать тело вот так
JavaScript
1
i18next.use(Backend).use(...
без всяких Promise / async / LoadLocalization()
1
21 / 6 / 8
Регистрация: 31.05.2015
Сообщений: 151
21.12.2021, 17:44  [ТС]
vxg, К сожалению, все так же. Решил проблему переработкой кода для использования хука useTranslation(). Все равно спасибо.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
21.12.2021, 17:44
Помогаю со студенческими работами здесь

Не видит ключ в таблице
мне нужно создать связь между Magazine и Oplachivaet но скьюл не видит ключ...хотя он есть...

Не видит ключ в реестре, хотя он присутствует
Привет,у меня такая проблема,я в прогамме указываю один путь,где нужно создать ключ,а программа не создает ключ,оправдываясь тем что...

GINTEL 2008 не видит hasp-ключ
здравствуйте usb-hasp ключ индикатор горит программа пишет что ключ не найден или не опознан драйвера все установлены в чем может...

Клиент не видит сетевой ключ HASP
Здравствуйте, уважаемые форумчане. Сегодня столкнулся с такой пробемой - клиентская машина не видит ключ HASP. Проблема в том, что раньше...

Мой ноутбук не видит ключ!!! Срочно!
На домашнем ноутбуке установила 1с 8.1 а ноутбук не видит ключ от программы:cry: Я бухгалтер, а не программист, поэтому обращаюсь к вам,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru