next.js 国际化(i18n)路由给我404错误

brtdzjyr  于 2023-10-18  发布在  其他
关注(0)|答案(1)|浏览(150)

我正试图使用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错误页面
我试了几种方法,但都不管用

e5nszbig

e5nszbig1#

这是一个已知的issue与Next.js的时刻。解决方案是在使用app目录时从next.config.js中完全删除i18n键。
如果你需要更多关于如何使用Next.js国际化你的应用的资源,我自己创建了一些资源:

相关问题