Improve Document Component Error (#17047)

9adf3bb6 · Joe Haddad · GitHub · d113c640 · 9adf3bb6
隐藏空白更改
内联并排

Showing with 26 addition and 1 deletion

errors/missing-document-component.md errors/missing-document-component.md +26 -1

未找到文件。
--- a/errors/missing-document-component.md
+++ b/errors/missing-document-component.md
@@ -6,7 +6,32 @@ In your custom `pages/_document` an expected sub-component was not rendered.

 #### Possible Ways to Fix It

-Make sure to import and render all of the expected `Document` components.
+Make sure to import and render all of the expected `Document` components:
+
+- `<Html />`
+- `<Head />`
+- `<Main />`
+- `<NextScript />`
+
+For example:
+
+```tsx
+import Document, { Html, Head, Main, NextScript } from 'next/document'
+
+export default class MyDocument extends Document {
+  render() {
+    return (
+      <Html>
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}
+```

 ### Useful Links