archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore(examples): fix missing document components error messages (#16802)

Browse source 
Thanks vercel team create multiple examples for much use cases, I found some error messages and fixed it.
This commit is contained in:
Peng Jie 2020-09-04 05:13:12 +08:00 committed by GitHub
parent 4162e39696
commit 3c99206313
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 60 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/with-babel-macros/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-cxs/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-emotion-11/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-emotion/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-fela/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-goober/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-google-analytics-amp/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-google-analytics/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-next-less/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-next-page-transitions/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-portals/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-react-helmet/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-react-native-web/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-rebass/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-strict-csp/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-style-sheet/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-styled-components-rtl/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-styletron/pages/_document.js
View file

@ -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>
)
}
}

6
examples/with-typescript-types/pages/_document.jsx
View file

@ -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>
)
}
}

6
examples/with-typestyle/pages/_document.js
View file

@ -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>
)
}
}