如何在 Next.js 中的 html 標簽中添加 lang 屬性？

Question

在我的 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屬性嗎？

Answer 1

您可以將lang屬性添加到自定義_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

Answer 2

作為@juliomalves 答案的替代方案，next.config.js 文件也可用於定義語言。

使用以下內容在項目的根目錄中創建一個名為“next.config.js”的文件，

module.exports = {
    i18n: {
        locales: ["en"],
        defaultLocale: "en",
    },
};

參考： https://nextjs.org/docs/api-reference/next.config.js/introduction

如何在 Next.js 中的 html 標簽中添加 lang 屬性？

問題描述

2 個解決方案

解決方案1
7 已采納 2021-03-21 21:23:42

解決方案2
0 2022-06-14 20:21:14

如何在 Next.js 中的 html 標簽中添加 lang 屬性？

問題描述

2 個解決方案

解決方案1 7 已采納 2021-03-21 21:23:42

解決方案2 0 2022-06-14 20:21:14

解決方案1
7 已采納 2021-03-21 21:23:42

解決方案2
0 2022-06-14 20:21:14