next.js _document.js 没有被调用

标签 next.js

我在使用 next.js _document.js 时遇到了一个小问题。我想支持阿拉伯语,因此,我将 lang="ar" 添加到 Html 组件中。但是,在呈现的页面中,HTML 中没有 lang 属性。希望有人帮助我。

最佳答案

为了让 Next.js 显示 _document 中所做的更新,您必须停止并重新启动 Next.js。

在 _document、*.env 或任何 Next.js 配置文件中进行更改后,您必须重新启动 Next.js。


pages/_document.{ jsx | tsx}

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

class Document extends NextDocument {
  render = () => (
    <Html lang="ar" dir="rtl">
      <Head />
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}

export default Document;

关于next.js _document.js 没有被调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68670776/

相关文章:

javascript - 当路由到具有不同参数的同一页面时,NextJS 初始状态不会更新

reactjs - 使用 Nextjs + React Context 和 TypeScript 时,类型子元素缺少属性

reactjs - 如何修复 Next.js Vercel 部署模块未找到错误

typescript - eslint 未检测到 TS 错误

reactjs - NextJS URL 参数,如 React-Router

reactjs - 我应该如何在 Next js 中获取 onClick 数据?

reactjs - 输入 NextJs 链接/路由

typescript - Nextjs 构建失败,错误为 'workerError'

typescript - 如何在 next.js 中声明全局 TypeScript 接口(interface)

reactjs - 如何覆盖自定义 Material UI Accordion 的样式(分隔线和折叠图标)