Я использую React с Гэтсби и i18n.У меня есть страница, ssp.js , которая содержит следующее:
import React from "react"
import T from "i18n-react"
<h1>{T.translate("page.header.title")}</h1>
<p>{T.translate("page.intro.tagline")}</p>
Несколько дней назад мы установили файл, содержащий перевод, для хранения только одного значения:
module.exports = {
header: {
title: "Welcome !",
},
}
И я бы получил хороший заголовок с надписью Welcome , без проблем (тогда файл ssp.js содержал только H1).Но сегодня я добавил P в файл ssp.js и обновил файл перевода следующим образом:
module.exports = {
header: {
title: "Welcome !",
},
intro: {
tagline: "Hope you find what you're looking for.",
},
}
Когда страница отображается, я получаю H1 с надписью Welcome! иабзац, в котором написано page.intro.tagline .
Раньше это работало, и я ничего не изменил в том, что касается размещения файлов или чего-то еще.И название до сих пор переводится.Если я изменю его, как, например, если, например, я буду использовать заглавную букву в заголовке как в файле перевода, так и в файле ssp.js , то заголовок также будет поврежден.
Похожевопрос кеширования для меня.С другими страницами это иногда работало бы, когда я закрывал Gatsby, удалял папку .cache в корне моего проекта, а затем снова делал gatsby development .Тогда появятся новые переводы.Но это больше не работает.
И я, и коллега убедились, что опечаток не было.
Есть ли способ очистить кэш?Или что-то еще, что я должен искать?
Спасибо!