无法在 Next Js 的内部页面的 getStaticProps 函数中找到文件路径

Question

我正在研究 Next JS 应用程序的多语言功能。这是我的项目的文件夹结构。

在索引页即主页上，我可以使用 getStaticProps 获取语言环境模块：

export function getStaticProps({ locale }) {
    return {
      props: {
        messages: require(`../locales/${locale}.json`),
      },
    };
}

但是当我在 /settings/locations/index/js 中使用它时，它显示如下错误：

我已经尝试过 messages: require('@/locales/${locale}.json') 和 messages: require('../../locales/${locale}.json') 两种方式。

Answer 1

我认为你应该试试-

 return {
    props: {
      messages: require(`../../../locales/${locale}.json`),
    },
 };

Unable to find file path in getStaticProps function of internal page in Next Js