如何在 Next.js 中向 html 标签添加 lang 属性?

ala*_*ita 6 html reactjs next.js

在我的 Next.js 组合网站上运行一些性能检查后,我注意到 mainindex.html缺少一个lang属性 - 该属性作为可访问性分数的扣除项而返回。

我可以使用 i18n 设置来添加区域设置next.config.js,但这些功能与next export- 该站点是静态生成的不兼容。

Error: i18n support is not compatible with next export. See here for more info on deploying: https://nextjs.org/docs/deployment
Run Code Online (Sandbox Code Playgroud)

还有其他方法可以添加lang属性吗?

jul*_*ves 8

您可以将该lang属性添加到自定义的<Html>标记中。_document

import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  render() {
    return (
      <Html lang="en">
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument
Run Code Online (Sandbox Code Playgroud)