React(Gatsby):i18n翻译未更新

时间:2018-10-24 15:23:23

标签: reactjs internationalization gatsby

我正在将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 时,有时可以使用。然后出现新的翻译。但这不再起作用。

我和一个同事都证实没有错字。

是否有清除缓存的方法?还是我应该寻找的其他东西?

谢谢!

0 个答案:

没有答案