---
url: /docs/guide/usage/linter/rules/nextjs/no-document-import-in-page.md
---

### 它的作用

阻止在 `pages/_document.js` 之外导入 `next/document`。

### 为什么这不好？

在 `pages/_document.js` 之外导入 `next/document` 可能会导致
Next.js 应用程序中出现意外问题。

### 示例

以下是此规则的**错误**代码示例：

```jsx
// `components/MyDocument.jsx`
import Document from "next/document";

class MyDocument extends Document {
  //...
}

export default MyDocument;
```

以下是此规则的**正确**代码示例：

```jsx
// `pages/_document.jsx`
import Document from "next/document";

class MyDocument extends Document {
  //...
}

export default MyDocument;
```

## 如何使用

## 版本

此规则于 v0.2.1 中添加。

## 参考资料