Gatsby: सभी gatsby कमांड के लिए अस्पष्ट "StoreStateProvider" त्रुटि

मैं 2.17.10 से 2.18.4 तक अपडेट के बाद एक ही समस्या का सामना कर रहा हूं

रिपोर्टिंग के लिए धन्यवाद!

क्या आप भी गैट्सबी-क्ले को अपग्रेड करने की कोशिश कर सकते हैं? यदि यह मदद नहीं करता है, तो यह वास्तव में उपयोगी होगा यदि आप हमें एक प्रजनन भंडार प्रदान कर सकते हैं।

धन्यवाद! :बैंगनी दिल:

मेरे पास वास्तव में CLI विश्व स्तर पर स्थापित नहीं है। परियोजना npm run <command> आदेशों पर निर्भर करती है जो बदले में Gatsby के स्थानीय रूप से स्थापित संस्करण का उपयोग करके gatsby <command> निष्पादित करती है।

उस पैटर्न का उपयोग करके लोगों को अपनी मशीन को वैश्विक निर्भरता के साथ लिटाने की आवश्यकता नहीं है। (यदि आप कई परियोजनाओं पर काम करते हैं, जो संभवतः अलग-अलग संस्करणों की आवश्यकता होती है, तो बदसूरत हो सकती है)

आज मुझे पहले भी इसी तरह की समस्या थी, मेरे लिए जो काम किया गया था वह प्रतिक्रिया, प्रतिक्रिया-डोम और गैट्सबी को अद्यतन करने के लिए था, नोड_मॉड्यूल्स और पैकेज-लॉक को मिटा दें। अंत में मैं फिर से एनपीएम इंस्टॉल करता हूं और सब कुछ ठीक काम करता है

react और react-dom अद्यतन करना, साथ ही साथ Gatsby, काम करने लगता है। क्या गैट्सबी को रिएक्ट के सही संस्करणों को सूचीबद्ध नहीं करना चाहिए जो इसके साथ संगत है?

कल मैंने सिर्फ यह पता लगाने के लिए आधा दिन बिताया है कि मेरे मामले में जीएटीएस का निर्माण / विकास ठीक काम कर रहा है जब डिप्स यार्न के साथ स्थापित होते हैं।

ऐसा लगता है कि यह प्रतिक्रिया और गैट्सबी के बीच एक संगतता मुद्दे के साथ करना है। यदि आप स्क्रैच (लॉक फ़ाइल के बिना) से निर्भरता स्थापित कर रहे हैं तो आपका पैकेज मैनेजर (या तो यार्न या एनपीएम) सिर्फ नवीनतम (पैकेज में प्रतिबंधों द्वारा अनुमत) संस्करण होगा।

मेरे मामले में, प्रतिक्रिया संस्करण को मेरे package-lock.json में बंद कर दिया गया था, इसलिए इसे Gatsby के साथ एक ताजा स्थापित करने पर भी अपडेट नहीं किया गया था।

मैं एक ही मुद्दे का सामना कर रहा हूँ। मैंने गैट्सबी, गैट्सबी-क्ली, प्रतिक्रिया और प्रतिक्रिया-डोम को बिना किसी सफलता के अपडेट किया है। क्या कोई निश्चित समाधान है?

संपादित करें: मैंने gatsby और gatsby-cli को हटा दिया है और उन्हें अलग-अलग पुनर्स्थापित किया है और ऐसा लगता है कि इसे ठीक कर दिया है। अजीब मुद्दा।

मैंने इस मुद्दे को मारा। ऐसा इसलिए है क्योंकि प्रतिक्रिया के दो संस्करण स्थापित हैं। उन्हें देखने के लिए npm ls react चलाएं। मेरे पैकेज में निर्दिष्ट प्रतिक्रिया का एक संस्करण है। जेसन, और जैसा दिखता है gatsby / gatsby-cli 2.18.5 में प्रतिक्रिया का एक अलग संस्करण होता है।

मुझे इस पृष्ठ के माध्यम से समस्या का पता चला।

फिर भी समस्या को ठीक करने की कोशिश कर रहा है ...

मैंने समस्या तय कर दी! मैंने स्थापना रद्द करने के लिए npm का उपयोग किया, फिर ( react ) react-dom और gatsby । मैंने इसे उस सटीक क्रम में किया था (मुझे विश्वास नहीं है कि आदेश देने से कोई फर्क पड़ेगा, लेकिन FYI मामले में यह होता है)।

npm ls react दो संस्करण दिखाते हैं, लेकिन वे समान हैं और "कटे हुए" के रूप में चिह्नित हैं:

[email protected] <redacted the filepath>
├─┬ [email protected]
│ └─┬ [email protected]
│   └── [email protected]  deduped
└── [email protected]

जब मैं अभी के लिए अनब्लॉक हूं, तब भी मुझे चिंता है:
1) प्रतिक्रिया के दो संस्करण अभी भी मौजूद हैं? (मुझे यकीन नहीं है), भले ही वे अब एक ही संस्करण हो
2) क्या भविष्य के गैट्सबी अपडेट इस समस्या का कारण बनेंगे?

जवाब नहीं है, लेकिन विचार करने के लिए गैट्सबी टीम के लिए मेरी चिंताओं को देखते हुए।

मुझे पूरा यकीन है कि आपकी परियोजना की निर्भरता के पेड़ को समझने में आपकी मदद करने के लिए npm ls सिर्फ एक उपकरण है। संभवतः प्रतिक्रिया की एक ही प्रति स्थापित है। आप यह सुनिश्चित करने के लिए node_modules फ़ोल्डर में शामिल हो सकते हैं ...

मेरे पास गैट्सबी अपडेट करने के बाद एक ही मुद्दा था। मैंने अपने पिछले संस्करण "गैट्सबी" को डाउनग्रेड किया: "^ 2.13.73" जो कि कई संस्करण पीछे है लेकिन इसने समस्या को ठीक कर दिया।

मैंने समस्या तय कर दी! मैंने स्थापना रद्द करने के लिए npm का उपयोग किया, फिर ( react ) react-dom और gatsby । मैंने इसे उस सटीक क्रम में किया था (मुझे विश्वास नहीं है कि आदेश देने से कोई फर्क पड़ेगा, लेकिन FYI मामले में यह होता है)।

npm ls react दो संस्करण दिखाते हैं, लेकिन वे समान हैं और "कटे हुए" के रूप में चिह्नित हैं:

[email protected] <redacted the filepath>
├─┬ [email protected]
│ └─┬ [email protected]
│   └── [email protected]  deduped
└── [email protected]

इसने मेरे लिए काम किया। धन्यवाद!

मैंने समस्या तय कर दी! मैंने स्थापना रद्द करने के लिए npm का उपयोग किया, फिर ( react ) react-dom और gatsby । मैंने इसे उस सटीक क्रम में किया था (मुझे विश्वास नहीं है कि आदेश देने से कोई फर्क पड़ेगा, लेकिन FYI मामले में यह होता है)।

npm ls react दो संस्करण दिखाते हैं, लेकिन वे समान हैं और "कटे हुए" के रूप में चिह्नित हैं:

[email protected] <redacted the filepath>
├─┬ [email protected]
│ └─┬ [email protected]
│   └── [email protected]  deduped
└── [email protected]

ऊपर दिए गए डिट्टो, इस समाधान ने मेरे लिए भी चीजें तय कर दीं।

मैंने 16.12.0 पर प्रतिक्रिया और प्रतिक्रिया-डोम को अपग्रेड करके और फिर 2.18.7 पर गैट्सबी को अपग्रेड करके समस्या को हल कर दिया है।

महत्वपूर्ण: सुनिश्चित करें कि आप प्रतिक्रिया, प्रतिक्रिया-डोम और गैट्सबी को अपग्रेड करने के बाद "गैट्सबी क्लीन" चलाते हैं।

के रूप में @clarmso ने सुझाव दिया 2.18.7 को gatsby अपग्रेड करना था मेरे लिए चाल (प्रतिक्रिया 16.12.0 पर है)।

यह भी एक ही मुद्दा रहा है। अद्यतित प्रतिक्रिया और गैट्सबी लेकिन फिर भी समान मुद्दे हैं। अपडेट के बाद भी सफाई करने की कोशिश की, समस्या बनी रहती है।

"गैट्सबी": "^ 2.18.11"
"प्रतिक्रिया": "^ 16.12.0"
"प्रतिक्रिया-डोम": "^ 16.12.0"

यह भी एक ही मुद्दा रहा है। अद्यतित प्रतिक्रिया और गैट्सबी लेकिन फिर भी समान मुद्दे हैं। अपडेट के बाद भी सफाई करने की कोशिश की, समस्या बनी रहती है।

"गैट्सबी": "^ 2.18.11"
"प्रतिक्रिया": "^ 16.12.0"
"प्रतिक्रिया-डोम": "^ 16.12.0"

मेरे लिए भी वैसा ही। जब तक यस्टर्डे ने ठीक काम नहीं किया है

मैंने समस्या तय कर दी! मैंने स्थापना रद्द करने के लिए npm का उपयोग किया, फिर ( react ) react-dom और gatsby । मैंने इसे उस सटीक क्रम में किया था (मुझे विश्वास नहीं है कि आदेश देने से कोई फर्क पड़ेगा, लेकिन FYI मामले में यह होता है)।

npm ls react दो संस्करण दिखाते हैं, लेकिन वे समान हैं और "कटे हुए" के रूप में चिह्नित हैं:

[email protected] <redacted the filepath>
├─┬ [email protected]
│ └─┬ [email protected]
│   └── [email protected]  deduped
└── [email protected]

यह मेरे लिए भी काम किया। क्या यह एक स्थायी समाधान के लिए काम किया जा रहा है?

इन अद्यतनों के कारण मुझे अब StoreStateProvider की अजीबोगरीब चेतावनियाँ मिल रही हैं और कंटेंटफुल में बेतरतीब चीज़ें वापस आ रही हैं, जबकि वे वहाँ हैं।

निश्चित नहीं है कि क्या हो रहा है, लेकिन मुझे इसे अभी के लिए एक शाखा पर रखना होगा

यह भी एक ही मुद्दा रहा है। अद्यतित प्रतिक्रिया और गैट्सबी लेकिन फिर भी समान मुद्दे हैं। अपडेट के बाद भी सफाई करने की कोशिश की, समस्या बनी रहती है।

"गैट्सबी": "^ 2.18.11"
"प्रतिक्रिया": "^ 16.12.0"
"प्रतिक्रिया-डोम": "^ 16.12.0"

हटाए गए node_modules फ़ोल्डर और पैकेज- lock.json फ़ाइल। Ran npm स्थापित करें और सभी फिर से अच्छे।

मेरा अनुभव उपरोक्त टिप्पणियों का एक संयोजन था। चूंकि मैंने नोड_मॉडल्स फ़ोल्डर को हटा दिया था और मेरे पास गैट्सबी प्लगइन्स थे, इसलिए एनपीएम काम नहीं करेगा। यार्न स्थापित अंत में इसे तय किया।

मैंने react , react-dom और gatsby पुनर्स्थापित करके इस समस्या को ठीक किया। (https://github.com/gatsbyjs/gatsby/issues/19827#issuecomment-559898690)

इससे पहले

react v16.11.0
react-dom v16.11.0
gatsby v2.17.11

उपरांत

react v16.12.0
react-dom v16.12.0
gatsby v2.18.12

मैंने समस्या तय कर दी! मैंने स्थापना रद्द करने के लिए npm का उपयोग किया, फिर ( react ) react-dom और gatsby । मैंने इसे उस सटीक क्रम में किया था (मुझे विश्वास नहीं है कि आदेश देने से कोई फर्क पड़ेगा, लेकिन FYI मामले में यह होता है)।

npm ls react दो संस्करण दिखाते हैं, लेकिन वे समान हैं और "कटे हुए" के रूप में चिह्नित हैं:

[email protected] <redacted the filepath>
├─┬ [email protected]
│ └─┬ [email protected]
│   └── [email protected]  deduped
└── [email protected]

धन्यवाद, यह मेरे लिए काम किया for

व्यक्तिगत रूप से मुझे node_modules फ़ोल्डर और package-lock.json हटाना होगा
फिर, मैं react , react-dom और gatsby अपग्रेड करता हूं:

"react": "^16.12.0",
"react-dom": "^16.12.0",
"gatsby": "^2.18.17",

नवीनतम संस्करण में gatsby-cli अपडेट करना न भूलें और gatsby clean चलाएं
उसके बाद, gatsby develop एक आकर्षण की तरह काम करता है!

मैंने पाया कि समस्या केवल तब होती है जब डिफ़ॉल्ट गैट्सबी लकड़हारा उपयोग किया जाता है। उपयोग किए जाने वाले विशेष लकड़हारा को GATSBY_LOGGER प्रक्रिया env के माध्यम से नियंत्रित किया जाता है। यदि डिफ़ॉल्ट लॉगर को json लकड़हारा के साथ उदाहरण के लिए बदल दिया जाता है, तो मुद्दा प्रतिलिपि प्रस्तुत करने योग्य नहीं है।

export GATSBY_LOGGER=["json"]
npm i && npm run start 

मेरे लिए yurnalist / json गैट्सबी लकड़हारा फिक्स मुद्दा

export GATSBY_LOGGER=["yurnalist"]

मैं आज इस मुद्दे पर भाग गया जब एक पुराने प्रोजेक्ट पर gatsby develop चल रहा था (पिछली बार गैट्सबाई डेवलपिंग फॉल में था)

मैंने ऊपर (बहुत उपयोगी!) सुझावों का एक संयोजन करके तय किया।

इस काम की पुष्टि कर सकते हैं:

1. gatsby clean - यह देखने के लिए इसके साथ शुरू हुआ कि क्या यह हल हो गया है
2. node_modules हटाना
3. npm install

यह इस बिंदु पर हल नहीं किया गया था इसलिए मैंने ऐसा करने के लिए सलाह का पालन किया:

1. npm uninstall react react-dom gatsby
2. npm install react react-dom gatsby

यह पूरी तरह से काम किया।

हटाए गए पैकेज- lock.json
हटाए गए node_modules
भागा npm I

मेरे लिए काम किया: डी

मैंने समस्या तय कर दी! मैंने स्थापना रद्द करने के लिए npm का उपयोग किया, फिर ( react ) react-dom और gatsby । मैंने इसे उस सटीक क्रम में किया था (मुझे विश्वास नहीं है कि आदेश देने से कोई फर्क पड़ेगा, लेकिन FYI मामले में यह होता है)।

npm ls react दो संस्करण दिखाते हैं, लेकिन वे समान हैं और "कटे हुए" के रूप में चिह्नित हैं:

[email protected] <redacted the filepath>
├─┬ [email protected]
│ └─┬ [email protected]
│   └── [email protected]  deduped
└── [email protected]

समाधान के लिए धन्यवाद! यह मेरे लिए एक प्रमुख अवरोधक था। यह शुरू में काम नहीं आया था, लेकिन मैंने gatsby-cli पुनर्स्थापना की। उसके बाद, यह ठीक काम कर रहा है।

विवरण

2.17.7 से 2.18.4 तक गैट्सबी को अपडेट करने के बाद, किसी भी प्रकार की गैट्सबी कमांड चलाने से त्रुटि होती है। हालांकि इसका कोई संदर्भ नहीं है।

> gatsby clean

The above error occurred in the <StoreStateProvider> component:
    in StoreStateProvider
    in App

React will try to recreate this component tree from scratch using the error boundary you provided, App.
Warning: App: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.

> gatsby build

The above error occurred in the <StoreStateProvider> component:

...

वातावरण

दुर्भाग्य से, मैं gatsby info --clipboard नहीं चला सकता, क्योंकि यह अन्य कमांड के समान StateStoreProvider त्रुटि के साथ क्रैश होता है। मैंने अपने गैट्सबी संस्करण को फिर से वापस किया और इस कमांड को चलाया। ध्यान दें कि नीचे दिए गए आउटपुट में Gatsby संस्करण गलत है ।

  System:
    OS: Windows 10
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
  Binaries:
    npm: 6.9.0 - C:\Program Files\nodejs\npm.CMD
  Languages:
    Python: 2.7.16 - C:\Python27\python.EXE
  Browsers:
    Edge: 44.18362.267.0
  npmPackages:
    gatsby: ^2.17.7 => 2.17.7
    gatsby-source-apiserver: ^2.1.4 => 2.1.4

मैंने उसी समस्या का सामना किया! समाधान जो मुझे मदद करता है यार्न स्थापित करें और अपने पैकेज में रिज़ॉल्यूशन फ़ील्ड जोड़ें। json
https://yarnpkg.com/lang/en/docs/selective-version-resolutions/

त्रुटि gatsby-cli आंतरिक रूप से react ink के साथ नए इंटरफ़ेस को प्रस्तुत करने का परिणाम थी। एक परियोजना के react संस्करण के बीच के संस्करण का गलत मिलान और gatsby एक ऐसा कारण था।

विश्व स्तर पर gatsby-cli स्थापित करना (जो हम अनुशंसा करते हैं) इन मुद्दों को जहां तक ​​मुझे पता है, उन्हें रोकना चाहिए। फिर भी, इसे बंद करना क्योंकि ऐसा कुछ भी नहीं है जिसे इसके संबंध में gatsby में तय किया जाना चाहिए।

आप सभी का बहुत बहुत धन्यवाद! 💜

कल मैंने सिर्फ यह पता लगाने के लिए आधा दिन बिताया है कि मेरे मामले में जीएटीएस का निर्माण / विकास ठीक काम कर रहा है जब डिप्स यार्न के साथ स्थापित होते हैं।

प्रभावी रूप से, यार्न के उपयोग से मेरे लिए भी समस्या हल हो गई

बस npm update चलने से मेरे लिए समस्या हल हो गई

विश्व स्तर पर gatsby-cli स्थापित करना (जो हम अनुशंसा करते हैं) को इन मुद्दों को दूर करना चाहिए जहां तक ​​मुझे पता है। बहरहाल, इसे बंद करना क्योंकि ऐसा कुछ भी नहीं है जिसके बारे में गैट्सबी में तय किया जाना चाहिए।

इसने मेरे लिए काम नहीं किया। जैसा कि ऊपर बताया गया है, लकड़हारे को yurnalist या json स्विच करना। मैंने public , .cache और node_modules फ़ोल्डरों को भी हटा दिया।

गैट्सबी संस्करण का आउटपुट:

gatsby -v
Gatsby CLI version: 2.8.27
Gatsby version: 2.18.25

अगर जिज्ञासु हैं तो यहां मेरी निर्भरताएं हैं:

    "dependencies": {
        "@emotion/core": "^10.0.27",
        "@emotion/styled": "^10.0.27",
        "gatsby": "^2.18.25",
        "gatsby-image": "^2.2.39",
        "gatsby-plugin-emotion": "^4.1.21",
        "gatsby-plugin-google-analytics": "^2.1.33",
        "gatsby-plugin-manifest": "^2.2.37",
        "gatsby-plugin-netlify": "^2.1.31",
        "gatsby-plugin-offline": "^3.0.32",
        "gatsby-plugin-react-helmet": "^3.1.21",
        "gatsby-plugin-sharp": "^2.3.13",
        "gatsby-plugin-web-font-loader": "^1.0.4",
        "gatsby-remark-images": "^3.1.42",
        "gatsby-remark-prismjs": "^3.3.30",
        "gatsby-remark-reading-time": "^1.1.0",
        "gatsby-source-filesystem": "^2.1.46",
        "gatsby-transformer-remark": "^2.6.48",
        "gatsby-transformer-sharp": "^2.3.13",
        "prism-themes": "^1.3.0",
        "prismjs": "^1.19.0",
        "prop-types": "^15.7.2",
        "react": "^16.12.0",
        "react-dom": "^16.12.0",
        "react-helmet": "^5.2.1",
        "typeface-karla": "0.0.72"
    },

यहां मुझे प्राप्त होने वाली त्रुटि है:

gatsby develop

 ERROR 

The above error occurred in the <StoreStateProvider> component:
    in StoreStateProvider
    in App

React will try to recreate this component tree from scratch using the error boundary you provided, App.


 ERROR 

Warning: App: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.


 ERROR 

UNHANDLED REJECTION Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.



  Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could   happen for one of the following reasons:
  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app
  See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.

  - react.development.js:1590 resolveDispatcher
    [project]/[gatsby]/[react]/cjs/react.development.js:1590:13

  - react.development.js:1618 useState
    [project]/[gatsby]/[react]/cjs/react.development.js:1618:20

  - context.js:17 StoreStateProvider
    [project]/[gatsby]/[gatsby-cli]/lib/reporter/loggers/ink/context.js:17:41

  - react-reconciler.development.js:6036 renderWithHooks
    [project]/[react-reconciler]/cjs/react-reconciler.development.js:6036:18

  - react-reconciler.development.js:8570 mountIndeterminateComponent
    [project]/[react-reconciler]/cjs/react-reconciler.development.js:8570:13

  - react-reconciler.development.js:9938 beginWork$1
    [project]/[react-reconciler]/cjs/react-reconciler.development.js:9938:16

  - react-reconciler.development.js:11563 Object.invokeGuardedCallbackImpl
    [project]/[react-reconciler]/cjs/react-reconciler.development.js:11563:10

  - react-reconciler.development.js:11740 invokeGuardedCallback
    [project]/[react-reconciler]/cjs/react-reconciler.development.js:11740:31

  - react-reconciler.development.js:15778 beginWork$$1
    [project]/[react-reconciler]/cjs/react-reconciler.development.js:15778:7

  - react-reconciler.development.js:14696 performUnitOfWork
    [project]/[react-reconciler]/cjs/react-reconciler.development.js:14696:12

उन समस्याओं की तलाश करने वाले देवों के लिए जो पहले से मौजूद नहीं होना चाहिए:

-remove node_modules फ़ोल्डर
-डेली पैकेज ।lock.json
-आरएन एनपीएम आई

इसके लिए प्रजनन मामले पर हाथ मिलने के बाद:

इस मामले से आने के NPM का है कि उपयोगकर्ता परिभाषित संस्करण को स्थापित करता है के साथ लगता है react में इंस्टॉल किए जाने node_modules , जबकि gatsby-cli प्रतिक्रिया के संस्करण में स्थापित हो जाएगा node_modules/gatsby/node_modules ।

क्योंकि ink node_modules react gatsby-cli वाले अलग-अलग आयातों का उपयोग करेगा, जो मामले में ले जाता है:

1. आपके पास एक ही ऐप में एक से अधिक रिएक्ट हो सकते हैं
   इस समस्या को कैसे डीबग करें और ठीक करें के बारे में सुझावों के लिए https://fb.me/react-invalid-hook-call देखें।

और https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate -react इसे बहुत अच्छी तरह से समझाता है, लेकिन केवल वहाँ सुझाव ( yarn resolutions का उपयोग करने के लिए काम नहीं करेगा क्योंकि यह मुद्दा नहीं है) npm node_modules संरचना और यार्न तय करने के लिए कैसे लगता है)

केवल समाधान (उस समय बहुत हैकिया) जो अभी मेरे दिमाग में आता है, वह है Node.js मॉड्यूल रिज़ॉल्यूशन और हार्डकोड react को gatsby-cli परिभाषित करके ओवरराइड करना। ऐसा करना ठीक हो सकता है (यानि PnP को कम से कम यार्न v1 में लागू किया जाता है)

कुछ और विचारों के बाद - दूसरा विकल्प createRequireFromPath gatsby-core-utils (https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-core/utils/README) का उपयोग करना है .md # citoryequirefrompath) और उपयोग करें कि gatsby-cli में प्रतिक्रिया का एक ही संस्करण ink रूप में लोड करने के लिए है (यह काफी कम हैकी है और संभावित समस्याओं की कम संभावना के साथ है जो Node.js मॉड्यूल रिज़ॉल्यूशन को लोड करने से आएगी) ।

इसके साथ केवल समस्या यह होगी कि यदि हम 3rd पार्टी ink घटकों ( ink-spinner केवल एक का उपयोग करें जो हम अभी उपयोग करते हैं) और उन सभी को ink से भिन्न निर्देशिका में स्थापित किया जाएगा।

हम ink-spinner gatsby-cli अंदर और उन संभावित समस्याओं के आसपास काम कर सकते हैं जो पैकेज के रूप में 3 पार्टी घटकों (और उन सभी को विक्रेता) का उपयोग नहीं करना सुनिश्चित करते हैं

--- संपादित:
ऊपर से सावधान रहने की आवश्यकता है - ink लिए node >= 16.8.0 आवश्यकता होती है इसलिए हमें यह सुनिश्चित करने की आवश्यकता होगी कि हम react >= 16.8.1 gatsby-cli में सुविधाओं का उपयोग न करें। इतने अधिक शोध की आवश्यकता है, लेकिन यह आशाजनक है

अद्यतन: createRequireFromPath मार्ग काम नहीं करेगा, क्योंकि npm बस "ठीक से" node_modules पदानुक्रम dependencies और peerDependencies ink और gatsby-cli ।

"त्वरित" परिवर्तन react संस्करण की आवश्यकता को कम करने के लिए है (https://github.com/gatsbyjs/gatsby/pull/21522) जहां यह समस्या होगी, वहां कम मात्रा में परिदृश्यों के लिए।

लेकिन यह इसे पूरी तरह से ठीक नहीं करता है। इसके लिए हम संभावित रूप से react संस्करण को gatsby-cli npm node_modules निकालेंगे (या ओवरराइड कोड)। यह हैक है जिसके अप्रत्याशित परिणाम हो सकते हैं इसलिए मैं ऐसा करने से बचना चाहूंगा यदि कोई अन्य समाधान हो)

एक और अपडेट - हमने इससे प्रभावित होने वाली परियोजनाओं को सीमित करने के लिए gatsby कुछ अपडेट किए - यह [email protected] में प्रकाशित हुआ था - लेकिन फिर भी आपको package-lock.json रीसेट / हटाने की आवश्यकता हो सकती है।

यदि वह अभी भी समस्या को ठीक नहीं करता है - यह संभावना है कि आपके पास react / react-dom आपके package.json में पिन किए गए हैं और संस्करण [email protected] से कम है - हमारे पास अभी तक इसके लिए कोई सुधार नहीं है, लेकिन अगले चरण के रूप में इसे देख रहे हैं - संभव समाधान yarn बजाय npm रहे हैं अब के लिए (सत्यापित नहीं)।

अगर किसी को भी तकनीकी चीज़ों में दिलचस्पी है, तो कृपया प्रारंभिक हल अनुरोध पर टिप्पणी की जांच करें, जो मैंने इसे ठीक करने की कोशिश की - https://github.com/gatsbyjs/gatsby/pull/21508#issuecomment -586753917 और योजना अभी कुछ बंडल का उपयोग करना है (शायद microbundle ) react gatsby-cli बंडल करने के लिए इसलिए यह react node_modules का उपयोग करने की कोशिश नहीं करता है और बस यही होगा gatsby-cli में सीधे शामिल)

मैंने इन टिप्पणियों की बहुत कोशिश की, लेकिन किसी ऐसे व्यक्ति के रूप में, जिसने इस प्रक्रिया के किसी भी भाग के लिए npm उपयोग नहीं किया है, मुझे लगा कि मैं लिखूंगा कि मेरे लिए क्या विशेष रूप से काम किया है।

मेरा सेटअप:

Win10, यार्न yarn global । yarn का उपयोग करना।

मुसीबत:

कोई भी gatsby {command} StoreStateProvider त्रुटि देगा, लेकिन npx gatsby {command} ने काम किया।

उपाय:

1. यदि वे मौजूद हैं तो .cache और /node_modules हटाएं।
2. इस लेखन के अनुसार react और react-dom अपडेट किए जाते हैं, "^16.13.0" ।
3. टूटे हुए CLI को निकालने के लिए yarn global remove gatsby gatsby-cli चलाएँ।
4. CLI को पुनर्स्थापित करने के लिए yarn global add gatsby gatsby-cli चलाएं।
5. gatsby -v या अन्य gatsby {command} चलाएँ और इसे काम करना चाहिए।

आउटपुट:

> gatsby -v
Gatsby CLI version: 2.9.0
Gatsby version: 2.19.23

हईया!

यह मुद्दा शांत हो गया है। डरावना शांत। 👻

हमें बहुत सारे मुद्दे मिलते हैं, इसलिए हम वर्तमान में निष्क्रियता के 30 दिनों के बाद मुद्दों को बंद कर देते हैं। यहां अंतिम अपडेट के कम से कम 20 दिन हो गए हैं।
यदि हम इस मुद्दे को याद करते हैं या यदि आप इसे खुला रखना चाहते हैं, तो कृपया यहाँ उत्तर दें। आप इस मुद्दे को खुला रखने के लिए "नहीं बासी" लेबल भी जोड़ सकते हैं!
एक दोस्ताना अनुस्मारक के रूप में: इस मुद्दे को देखने का सबसे अच्छा तरीका है, या किसी अन्य, फिक्स्ड एक पुल अनुरोध को खोलने के लिए है। PRs खोलने, मुद्दों को gatsby.dev/contribute देखें!

गैट्सबी समुदाय का हिस्सा बनने के लिए धन्यवाद! 💪💜

हालांकि इसमें बहुत अधिक गतिविधि नहीं है, मुझे नहीं लगता कि यह बासी है

मुझे भी यही समस्या हो रही थी, मैंने जो किया वह मेरे json.lock को हटा दिया गया और निर्भरता को अपडेट करने के लिए यार्न कमांड को चलाया। और सब कुछ सामान्य रूप से काम करने के लिए वापस चला गया।

मुझे उसी समस्या का सामना करना पड़ा जिसे मैंने "node_modules" फ़ोल्डर और "पैकेज-लॉक.जॉन" फ़ाइल को हटाकर हल किया था, फिर "npm इंस्टॉल" कमांड।

हईया!

यह मुद्दा शांत हो गया है। डरावना शांत। 👻

हमें बहुत सारे मुद्दे मिलते हैं, इसलिए हम वर्तमान में निष्क्रियता के 30 दिनों के बाद मुद्दों को बंद कर देते हैं। यहां अंतिम अपडेट के कम से कम 20 दिन हो गए हैं।
यदि हम इस मुद्दे को याद करते हैं या यदि आप इसे खुला रखना चाहते हैं, तो कृपया यहाँ उत्तर दें। आप इस मुद्दे को खुला रखने के लिए "नहीं बासी" लेबल भी जोड़ सकते हैं!
एक दोस्ताना अनुस्मारक के रूप में: इस मुद्दे को देखने का सबसे अच्छा तरीका है, या किसी अन्य, फिक्स्ड एक पुल अनुरोध को खोलने के लिए है। PRs खोलने, मुद्दों को gatsby.dev/contribute देखें!

गैट्सबी समुदाय का हिस्सा बनने के लिए धन्यवाद! 💪💜

अरे फिर से!

इस मुद्दे पर कुछ भी हुए 30 दिन हो चुके हैं, इसलिए हमारा मित्रवत पड़ोस वाला रोबोट (वह मैं!) इसे बंद करने जा रहा हूं।
कृपया ध्यान रखें कि मैं केवल एक रोबोट हूं, इसलिए यदि मैंने इस समस्या को बंद कर दिया है, तो मैं HUMAN_EMOTION_SORRY हूं। कृपया इस मुद्दे को फिर से खोलने या किसी और चीज की आवश्यकता होने पर नया बनाने के लिए स्वतंत्र महसूस करें।
एक दोस्ताना अनुस्मारक के रूप में: इस मुद्दे को देखने का सबसे अच्छा तरीका है, या किसी अन्य, फिक्स्ड एक पुल अनुरोध को खोलने के लिए है। PRs खोलने, मुद्दों को gatsby.dev/contribute देखें!

गैट्सबी समुदाय का हिस्सा होने के लिए फिर से धन्यवाद! 💪💜

: थोड़ा_फ्रेमिंग_फेस: मैं अभी भी yurnalist का उपयोग अपने डिफ़ॉल्ट लकड़हारे के रूप में कर रहा हूं। मैंने कभी यहां अपडेट नहीं देखा कि यह तय हो गया है।

उन समस्याओं की तलाश करने वाले देवों के लिए जो पहले से मौजूद नहीं होना चाहिए:

-remove node_modules फ़ोल्डर
-डेली पैकेज ।lock.json
-आरएन एनपीएम आई

यह मेरे लिए काम किया ...

मेरे लिए gatsby (v 2.23.11) अनइंस्टॉल करना और पुनः स्थापित करना मेरे लिए काम कर गया।

यार्न स्थापित का उपयोग करें, कि काम करना चाहिए

तो मैं क्या किया (अब तक सब कुछ पढ़ने के बाद) था मैं Gatsby 2.18.7 के package.json फ़ाइल में संस्करण बदल गया है और भाग गया npm i यह काम किया

अभी भी इस मुद्दे में चल रहा है।

$: gatsby -v
Gatsby CLI version: 2.12.66
Gatsby version: 2.23.12

प्रजनन करने कि प्रक्रिया:

1. नई परियोजना बनाने के लिए gatsby new का उपयोग करें
2. npm i --save node-sass gatsby-plugin-sass का उपयोग करके सैस स्थापित करें
3. gatsby develop चलाएं

परिणाम

$ gatsby develop

 ERROR

The above error occurred in the <StoreStateProvider> component:
    in StoreStateProvider
    in App

React will try to recreate this component tree from scratch using the error boundary you provided, App.


 ERROR

Warning: App: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.


 ERROR

UNHANDLED REJECTION Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.



  Error: Invalid hook call. Hooks can only be called inside of the body of a fun  ction component. This could happen for one of the following reasons:
  1. You might have mismatching versions of React and the renderer (such as Reac  t DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app
  See https://fb.me/react-invalid-hook-call for tips about how to debug and fix   this problem.

  - react.development.js:1465 resolveDispatcher
    [bug]/[gatsby]/[react]/cjs/react.development.js:1465:13

  - react.development.js:1496 useState
    [bug]/[gatsby]/[react]/cjs/react.development.js:1496:20

  - context.js:21 StoreStateProvider
    [bug]/[gatsby]/[gatsby-cli]/lib/reporter/loggers/ink/context.js:21:49

  - react-reconciler.development.js:6036 renderWithHooks
    [bug]/[ink]/[react-reconciler]/cjs/react-reconciler.development.js:6036:18

  - react-reconciler.development.js:8570 mountIndeterminateComponent
    [bug]/[ink]/[react-reconciler]/cjs/react-reconciler.development.js:8570:13

  - react-reconciler.development.js:9938 beginWork$1
    [bug]/[ink]/[react-reconciler]/cjs/react-reconciler.development.js:9938:16

  - react-reconciler.development.js:11563 Object.invokeGuardedCallbackImpl
    [bug]/[ink]/[react-reconciler]/cjs/react-reconciler.development.js:11563:10

  - react-reconciler.development.js:11740 invokeGuardedCallback
    [bug]/[ink]/[react-reconciler]/cjs/react-reconciler.development.js:11740:31

  - react-reconciler.development.js:15778 beginWork$$1
    [bug]/[ink]/[react-reconciler]/cjs/react-reconciler.development.js:15778:7

  - react-reconciler.development.js:14696 performUnitOfWork
    [bug]/[ink]/[react-reconciler]/cjs/react-reconciler.development.js:14696:12

यह निम्नलिखित के अनुसार निर्देशों को लागू करके तय किया गया था जैसा कि ऊपर वर्णित है the

तो मैंने क्या किया (अब तक सब कुछ पढ़ने के बाद) क्या मुझे पैकेज में संस्करण बदल दिया गया था। गैट्सबी की 2.son फ़ाइल 2.18.7 और भागा
npm i यह काम किया

.Cache और node_modules फ़ोल्डरों को हटाना और पैकेज-लॉक। Json और फिर मेरे लिए काम करना फिर से इंस्टॉल करना।

मैंने एक यार्न अपग्रेड दिया और यह मेरे लिए काम किया।

node_modules , npm कैश, और package-lock.json फ़ाइलों को निकालना हर बार एक प्लगइन या किसी निर्भरता को जोड़ने के लिए एक ब्रेकिंग परिवर्तन क्या होगा के लिए एक अव्यावहारिक समाधान है।

मेरे मामले में अंतर्निहित मुद्दा यह था कि एक नया प्रोजेक्ट gatsby new [path] [starter] का उपयोग करके प्रावधानित किया गया था यदि निर्भरता को बूट करने के लिए yarn का उपयोग किया जाता है यदि yarn स्थापित है और उपलब्ध है ( which yarn एक गैर-खाली स्ट्रिंग)। बाद में npm का उपयोग करके प्लगइन्स / निर्भरताएं स्थापित करने का प्रयास, ऊपर बताए अनुसार गुप्त त्रुटियों के साथ विफल हो जाएगा क्योंकि npm और yarn पारस्परिक रूप से अनन्य पैकेज प्रबंधन समाधान हैं।

Gatsby cli के लिए यह बेहतर होगा कि वह कमांड लाइन विकल्प के बिना yarn डिफॉल्ट न करे । मेरे लिए संकल्प यार्न को npm का उपयोग विशेष रूप से किया जा सके।

https://github.com/gatsbyjs/gatsby/pull/26887 (कल और आज जारी किया गया) जो react निर्भरता से gatsby-cli निकालता है और पैकेज प्रकाशित करते समय इसे बंडल करता है - यह क्या है इसका मतलब यह है कि यह react node_modules अजीब कई प्रतियों में परिणाम नहीं होना चाहिए जो सभी प्रकार की समस्याओं का कारण बनते हैं।

@ डचेस-टॉफी आपको https://github.com/gatsbyjs/gatsby/pull/26856 रोचक (अभी विलय / जारी नहीं) मिल सकती है - जबकि यह yarn से npm तक वापस नहीं आएगी gatsby options set pm npm चला पाएंगे

मैं इस समस्या # 26998 से जुड़ा हुआ प्रतीत होता है

react हल करने के लिए एक कस्टम वेबपैक कॉन्फ़िगर का उपयोग करके हल किया गया:

`` `` जे.एस.
// फ़ाइल: gatsby-node.js
const पथ = आवश्यकता ('पथ')

मॉड्यूल। निर्यात = {
onCreateWebpackConfig: ({क्रियाएँ}) => {
कार्रवाइयाँ .सेटबैकपॉन्गफिग ({
संकल्प: {
उपनाम: {
'प्रतिक्रिया': path.resolve (path.join (__ dirname, 'node_modules),' '' '))
}
}
})
}
}
`` ``

json // file: package.json { "dependencies": { "@mdx-js/mdx": "^1.6.18", "@mdx-js/react": "^1.6.18", "gatsby": "^2.24.64", "gatsby-plugin-layout": "^1.3.11", "gatsby-plugin-mdx": "^1.2.40", "gatsby-plugin-sass": "^2.3.12", "gatsby-source-filesystem": "^2.3.30", "gatsby-telemetry": "^1.3.35", "node-sass": "^4.14.1", "react": "^16.13.1", "react-dom": "^16.13.1", "react-ionicons-v5": "^1.2.0", "three": "^0.120.1" } }

अब सब कुछ आसानी से चलता है।