chore(examples): fix missing document components error messages (#16802)
Thanks vercel team create multiple examples for much use cases, I found some error messages and fixed it.
This commit is contained in:
parent
4162e39696
commit
3c99206313
20 changed files with 60 additions and 60 deletions
|
@ -1,9 +1,9 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
<style dangerouslySetInnerHTML={{ __html: this.props.css }} />
|
||||
</Head>
|
||||
|
@ -11,7 +11,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import cxs from 'cxs/lite'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
|
@ -10,7 +10,7 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
<style
|
||||
id="cxs-style"
|
||||
|
@ -21,7 +21,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { extractCritical } from '@emotion/server'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
|
@ -21,13 +21,13 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { extractCritical } from 'emotion-server'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
|
@ -21,13 +21,13 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Main, NextScript } from 'next/document'
|
||||
import { renderToNodeList } from 'react-fela'
|
||||
|
||||
import getFelaRenderer from '../getFelaRenderer'
|
||||
|
@ -23,12 +23,12 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { extractCss } from 'goober'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
|
@ -11,7 +11,7 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
<style
|
||||
id={'_goober'}
|
||||
|
@ -23,7 +23,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Main, NextScript } from 'next/document'
|
||||
import { useAmp } from 'next/amp'
|
||||
|
||||
import { GA_TRACKING_ID } from '../lib/gtag'
|
||||
|
@ -13,7 +13,7 @@ function AmpWrap({ ampOnly, nonAmp }) {
|
|||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
|
@ -65,7 +65,7 @@ export default class MyDocument extends Document {
|
|||
}
|
||||
/>
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,11 +1,11 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
import { GA_TRACKING_ID } from '../lib/gtag'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
{/* Global Site Tag (gtag.js) - Google Analytics */}
|
||||
<script
|
||||
|
@ -30,7 +30,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,18 +4,18 @@ In production the stylesheet is compiled to .next/static/style.css and served fr
|
|||
You have to include it into the page using either next/head or a custom _document.js, as is being done in this file.
|
||||
*/
|
||||
|
||||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
static async getInitialProps(ctx) {
|
||||
|
@ -8,7 +8,7 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html lang="en">
|
||||
<Html lang="en">
|
||||
<Head>
|
||||
<meta
|
||||
name="viewport"
|
||||
|
@ -30,7 +30,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
|
@ -11,7 +11,7 @@ export default class MyDocument extends Document {
|
|||
<div id="modal" />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { Helmet } from 'react-helmet'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
|
@ -28,13 +28,13 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html {...this.helmetHtmlAttrComponents}>
|
||||
<Html {...this.helmetHtmlAttrComponents}>
|
||||
<Head>{this.helmetHeadComponents}</Head>
|
||||
<body {...this.helmetBodyAttrComponents}>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import { Children } from 'react'
|
||||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { AppRegistry } from 'react-native'
|
||||
import config from '../app.json'
|
||||
// Force Next-generated DOM elements to fill their parent's height
|
||||
|
@ -25,13 +25,13 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html style={{ height: '100%' }}>
|
||||
<Html style={{ height: '100%' }}>
|
||||
<Head />
|
||||
<body style={{ height: '100%', overflow: 'hidden' }}>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { ServerStyleSheet } from 'styled-components'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
|
@ -8,13 +8,13 @@ export default class MyDocument extends Document {
|
|||
const styleTags = sheet.getStyleElement()
|
||||
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>{styleTags}</Head>
|
||||
<body>
|
||||
<div className="root">{main}</div>
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import crypto from 'crypto'
|
||||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
const cspHashOf = (text) => {
|
||||
const hash = crypto.createHash('sha256')
|
||||
|
@ -18,7 +18,7 @@ export default class MyDocument extends Document {
|
|||
}
|
||||
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
<meta httpEquiv="Content-Security-Policy" content={csp} />
|
||||
</Head>
|
||||
|
@ -26,7 +26,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
<style>{`body { margin: 0 }`}</style>
|
||||
<link
|
||||
|
@ -16,7 +16,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { ServerStyleSheet, StyleSheetManager } from 'styled-components'
|
||||
import stylisRTLPlugin from 'stylis-plugin-rtl'
|
||||
|
||||
|
@ -20,13 +20,13 @@ export default class MyDocument extends Document {
|
|||
}
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>{this.props.styleTags}</Head>
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { Provider as StyletronProvider } from 'styletron-react'
|
||||
import { styletron } from '../styletron'
|
||||
|
||||
|
@ -15,7 +15,7 @@ class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
{this.props.stylesheets.map((sheet, i) => (
|
||||
<style
|
||||
|
@ -31,7 +31,7 @@ class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
<style dangerouslySetInnerHTML={{ __html: this.props.css }} />
|
||||
</Head>
|
||||
|
@ -11,7 +11,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import Document, { Head, Main, NextScript } from 'next/document'
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||
import { getStyles } from 'typestyle'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
|
@ -10,7 +10,7 @@ export default class MyDocument extends Document {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<html>
|
||||
<Html>
|
||||
<Head>
|
||||
<style id="styles-target">{this.props.styleTags}</style>
|
||||
</Head>
|
||||
|
@ -18,7 +18,7 @@ export default class MyDocument extends Document {
|
|||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</html>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue