Next.js: लेखन त्रुटि: नल की संपत्ति '_documentProps' नहीं पढ़ सकता

को निर्मित 6 दिस॰ 2019 · 10टिप्पणियाँ · स्रोत: vercel/next.js

बग रिपोर्ट

बग का वर्णन करें

TypeError: Cannot read property '_documentProps' of null

इसे Head की रेंडर विधि में फेंक दिया जाता है:

render() {
    var {
      styles,
      ampPath,
      inAmpMode,
      assetPrefix,
      hybridAmp,
      canonicalBase,
      __NEXT_DATA__,
      dangerousAsPath,
      headTags
    } = this.context._documentProps;

विकास में ठीक काम करता है लेकिन बिल्ड संस्करण को बनाते और चलाते समय यह क्रैश हो जाता है

प्रजनन करना

व्यवहार को पुन: पेश करने के चरण, कृपया कोड स्निपेट या एक संग्रह प्रदान करें:

मैं समझता हूं कि यह मेरे सेटअप से संबंधित कुछ हो सकता है। मैं टाइपस्क्रिप्ट और नेक्स्टज का उपयोग कर रहा हूं।

अपेक्षित् व्यवहार

कोई त्रुटि नहीं फेंकी गई।

व्यवस्था जानकारी

ओएस: मैकओएस
ब्राउज़र (यदि लागू हो) क्रोम (कोई भी)
Next.js का संस्करण: 9.1.4

अतिरिक्त संदर्भ

ऐप 9.0.4 में ठीक काम करता है लेकिन मेरे पास एक निर्भरता है जो एक भेद्यता चेतावनी फेंक रही है..और एक बड़ा अपडेट नहीं होना चाहिए (मुझे लगता है)।

समस्या हमेशा दस्तावेज़ के अंदर पहले तत्व में पृष्ठों/_दस्तावेज़ में दिखाई देती है। इस मामले में इसका "हेड" है लेकिन अगर मैं हेड हटा देता हूं तो यह खुद को "मेन" में दिखाता है। किसी तरह यह प्रसंग आबाद नहीं हो रहा है..केवल निर्माण करते समय (विकास में काम करता है)

यह मेरे _document पृष्ठ का getInitialProps है:

public static async getInitialProps(context: CustomDocumentContext) {
    const sheet = new ServerStyleSheet();
    const renderPage = context.renderPage;

    try {
      context.renderPage = () => {
        const enhancer = App => props => {
          return sheet.collectStyles(<App {...props} />);
        };

        return renderPage(enhancer);
      };

      const initialProps: any = await BaseDocument.getInitialProps(context);
      const { language, locale, localeData } = context.req;

      return {
        ...initialProps,
        language,
        locale,
        localeData,
        styles: (
          <>
            {initialProps.styles}
            {sheet.getStyleElement()}
          </>
        ),
      };
    } finally {
      // @ts-ignore
      sheet.seal();
    }
  }

please add a complete reproduction

स्रोत

joaogarin

सबसे उपयोगी टिप्पणी

मुझे एक ही समस्या का सामना करना पड़ा, सुनिश्चित नहीं है कि यह संबंधित है या नहीं। लेकिन, अनुचित आयात के कारण समस्या उत्पन्न हुई थी।

import { Head } from 'next/document' बजाय, यह import Head from 'next/head' होना चाहिए, यदि कोई व्यक्तिगत पृष्ठों के अंदर Head आयात करने का प्रयास कर रहा है, न कि _document , जैसा कि डॉक्स में बताया गया है।

phoenisx 9 फ़र॰ 2020

👍108 ❤31 🎉29 🚀17 😄6

सभी 10 टिप्पणियाँ

यह मूल रूप से आपकी मदद करना/कहना असंभव है कि यह किससे संबंधित है क्योंकि कोई प्रजनन प्रदान नहीं किया गया है।

timneutkens 8 दिस॰ 2019

👀1

क्या आप अपोलो का उपयोग कर रहे हैं?

timneutkens 8 दिस॰ 2019

ऐसा लगता है कि इसे _document.tsx कोड में कुछ रिफैक्टर के साथ तय किया गया है:

const originalRenderPage = context.renderPage;
...
    try {
      context.renderPage = () =>
        originalRenderPage({
          enhanceApp: App => props => sheet.collectStyles(<App {...props} />),
        });

      const initialProps = await BaseDocument.getInitialProps(context);
...

उदाहरणों में क्या है के करीब।

9.0.4 से 9.1.4 तक अद्यतन होने के बावजूद अन्य मुद्दों में चल रहा है..यह किसी कारण से एक गैर-तुच्छ अद्यतन प्रतीत होता है।

वैसे भी संकेत के लिए धन्यवाद।

मुझे पता है कि कुछ प्रजनन रेपो के बिना मदद करना मुश्किल है लेकिन कभी-कभी अन्य कारणों से पॉपअप जारी करता है और खुद को हैलो वर्ल्ड परिदृश्य में नहीं दिखाता है। ऐप में निश्चित रूप से अन्य कोड है जो अवांछित चीजों को भेज सकता है..वह हमेशा संभव है। डीबग करने और हमेशा यथासंभव अधिक से अधिक जानकारी प्रदान करने का प्रयास करना।

सभी मदद के लिए धन्यवाद सर। तुम कमाल हो

joaogarin 9 दिस॰ 2019

phoenisx 9 फ़र॰ 2020

👍108 ❤31 🎉29 🚀17 😄6

@Shub1427 आप सुंदर हैं, धन्यवाद!

andresmejia3 6 मार्च 2020

🎉3 😄1

@शुब1427 ❤️

Nases 9 मार्च 2020

👍3 👎1

वाह, इसने मुझे लगभग 2 दिनों तक अटके रहने के बाद बचा लिया। मुझे लगता है कि यह निश्चित रूप से बेहतर दस्तावेज होना चाहिए।

adrianmcli 5 अप्रैल 2020

import Head from 'next/head' का उपयोग करने वाले किसी भी व्यक्ति के लिए ध्यान दें कि सभी टैग केवल क्लाइंट में प्रस्तुत किए जाते हैं, सर्वर नहीं

xe4me 20 जुल॰ 2020

मुझे यह त्रुटि मिल रही है
Unhandled error during request: TypeError: Cannot destructure property 'assetPrefix' of 'this.context._documentProps' as it is undefined.
मेरे _document.js में परिनियोजन पर लेकिन यह स्थानीय रूप से ठीक काम करता है।

sibasishm 31 अग॰ 2020

@sibasishm मुझे उस त्रुटि का सामना करना पड़ा और समाधान this.context बजाय this.context._documentProps ।

अधिक जानकारी के लिए → https://github.com/vercel/next.js/discussions/16162

लेकिन अब मैं एक और त्रुटि हो रही है Type error: Property 'files' does not exist on type 'DocumentProps'. के रूप में मैं कर रहा हूँ const { assetPrefix, files } = this.context अब :(

deadcoder0904 13 सित॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स