我正试图使用next来在我的网站上使用多种语言。
我在next.js.js上做了一些配置
/** @type {import('next').NextConfig} */
const nextConfig = {}
module.exports = nextConfig
module.exports = {
i18n: {
locales: ["en-US", "pt-BR", "es"],
defaultLocale: "en-US",
},
}
我创建了一个pages/language文件夹,并在每个语言的文件夹(例如pt-BR,en-US)中创建了一个index.tsx,配置如下:
export default function Home() {
return (
<div>
<h1>Bem-vindo ao meu site!</h1>
{/* ... */}
</div>
)
}
但我得到标准的nextjs错误页面
我试了几种方法,但都不管用
1条答案
按热度按时间e5nszbig1#
这是一个已知的issue与Next.js的时刻。解决方案是在使用app目录时从
next.config.js
中完全删除i18n键。如果你需要更多关于如何使用Next.js国际化你的应用的资源,我自己创建了一些资源: