nextjs/no-duplicate-head 正确性
它的作用
防止在 pages/_document.js 中重复使用 <Head>。
为什么这是不好的？
这可能导致应用程序出现意外行为。
示例
此规则的错误代码示例：
jsx
import Document, { Html, Head, Main, NextScript } from "next.document";
class MyDocument extends Document {
static async getInitialProps(ctx) {}
render() {
return (
<Html>
<Head />
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;此规则的正确代码示例：
jsx
import Document, { Html, Head, Main, NextScript } from "next.document";
class MyDocument extends Document {
static async getInitialProps(ctx) {}
render() {
return (
<Html>
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;如何使用
要通过配置文件或 CLI 启用此规则，可以使用：
json
{
"plugins": ["nextjs"],
"rules": {
"nextjs/no-duplicate-head": "error"
}
}bash
oxlint --deny nextjs/no-duplicate-head --nextjs-plugin