Next.js 13带src目录时如何覆写_document.js？

核心原因 #

App Router 架构下，_document.js（包括_app.js）是 Pages Router 的专属约定文件，你的项目使用 App Router 时，src/pages/_document.js 完全不会被加载，所以断点不触发、lang 属性无变化是必然的。

正确实现步骤 #

1. 定位到 App Router 的根布局文件：路径为 src/app/layout.js（未启用 src 目录则是 app/layout.js）
2. 修改根布局中的 <html> 标签 lang 属性为 it，示例代码：

export default function RootLayout({ children }) {
  return (
    <html lang="it">
      <body>{children}</body>
    </html>
  );
}

3. 保存后，Next.js 会自动热重载（手动重启开发服务也可），此时页面的 lang 属性会更新为意大利语 it

验证方式 #

打开浏览器开发者工具，查看页面根节点 <html> 的 lang 属性是否已变更为 it

内容的提问来源于stack exchange，提问作者demu