我正在将React与Gatsby和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 时,有时可以使用。然后出现新的翻译。但这不再起作用。
我和一个同事都证实没有错字。
是否有清除缓存的方法?还是我应该寻找的其他东西?
谢谢!