如何将 lang 属性添加到 Next.js 中的 html 标签？答案

【问题标题】：How to add lang attribute to html tag in Next.js?如何将 lang 属性添加到 Next.js 中的 html 标签？
【发布时间】：2021-06-17 00:39:20
【问题描述】：

在我的 Next.js 投资组合网站上运行一些性能检查后，我注意到主要的 index.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

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

【问题讨论】：

这不只是将lang 属性添加到<Html> 标记中的custom _document 的情况吗？
@juliomalves 我会添加它，但我认为 NextJS 团队会默认包含 lang 值。我猜他们没有，因为他们无法知道每个项目的默认值。大多数官方文档建议为此使用internationalisation 功能，但根据我的帖子，next export 不支持这些功能。想添加这个作为答案吗？似乎最接近解决方案。

标签： html reactjs next.js

【解决方案1】：

您可以将lang 属性添加到custom _document 中的<Html> 标记。

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

【讨论】：

就像本教程的第 11 步一样：dev.to/adrai/…