Gatsby: WebpackError: अपरिवर्तनीय उल्लंघन: न्यूनतम प्रतिक्रिया त्रुटि #62

को निर्मित 26 जन॰ 2019 · 1टिप्पणी · स्रोत: gatsbyjs/gatsby

हमारे लिए आपकी सहायता करना आसान बनाने के लिए, कृपया यथासंभव अधिक से अधिक उपयोगी जानकारी शामिल करें। उपयोगी कड़ियाँ: - दस्तावेज़ीकरण: https://www.gatsbyjs.org/docs/ Gatsby के पास कई सामुदायिक सहायता चैनल हैं, इस पर अपना प्रश्न पूछने का प्रयास करें: - डिस्कॉर्ड: https://gatsby.app/discord - स्पेक्ट्रम: https:// स्पेक्ट्रम.चैट/गैट्सबी-जेएस - ट्विटर: https://twitter.com/gatsbyjs एक नया अंक खोलने से पहले, कृपया मौजूदा मुद्दों को खोजें https://github.com/gatsbyjs/gatsby/issues

सारांश

Gatsby build WebpackError: Invariant Violation: Minified React error #62 त्रुटि फेंकता है, गैट्सबी बिना किसी समस्या के काम करता है हालांकि कठिन gatsby develop works fine ।

प्रासंगिक जानकारी

error Building static HTML for pages failed

See our docs page on debugging HTML builds for help https://gatsby.app/debug-html

   8 |  else
   9 |          root["lib"] = factory(root["@reach/router"], root["core-js/modules/es6.array.iterator"], root["core-js/modules/es6.array.sort"], root["core-js/modules/es6.function.name"], root["core-js/modules/es6.map"], root["core-js/modules/es6.object.assign"], root["core-js/modules/es6.regexp.constructor"], root["core-js/modules/es6.regexp.split"], root["core-js/modules/es6.regexp.to-string"], root["core-js/modules/es6.string.ends-with"], root["core-js/modules/es6.string.iterator"], root["core-js/modules/web.dom.iterable"], root["fs"], root["lodash"], root["path"], root["react"], root["react-dom/server"], root["react-helmet"]);
> 10 | })(this, function(__WEBPACK_EXTERNAL_MODULE__reach_router__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_array_iterator__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_array_sort__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_function_name__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_map__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_object_assign__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_constructor__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_split__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_to_string__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_string_ends_with__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_string_iterator__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_web_dom_iterable__, __WEBPACK_EXTERNAL_MODULE_fs__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_path__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom_server__, __WEBPACK_EXTERNAL_MODULE_react_helmet__) {
     |  ^
  11 | return


  WebpackError: Invariant Violation: Minified React error #62; visit https://reactjs.org/docs/error-decoder.html?invariant=62&args[]= for the full message  or use the non-minified dev environment for full errors and additional helpful warnings.

मुझे यह पूर्ण त्रुटि संदेश मिल रहा है। मैंने पूर्ण प्रतिक्रिया त्रुटि संदेश में वर्णित शैली गुणों के हर गलत मानचित्रण को समाप्त करने का प्रयास किया है लेकिन समस्या अभी भी बनी हुई है। मैंने .cache भी हटा दिया है।

मुझे नहीं पता कि और क्या समस्या हो सकती है क्योंकि मैं पहले एक सफल निर्माण कर सकता था और संदेश मेरे कोड के साथ क्या गलत हो सकता है, इस पर कोई और अंतर्दृष्टि प्रदान नहीं करता है, खासकर जब से मैं इसे gatsby develop साथ पूरी तरह से चला सकता हूं

पर्यावरण (यदि प्रासंगिक हो)

```
प्रणाली:
ओएस: मैकोज़ 10.14.2
सीपीयू: (8) x64 इंटेल (आर) कोर (टीएम) i7-4750HQ सीपीयू @ 2.00GHz
शैल: 3.2.57 - /बिन/बैश
बायनेरिज़:
नोड: ११.७.० - /usr/स्थानीय/बिन/नोड
सूत: 1.13.0 - /usr/स्थानीय/बिन/यार्न
एनपीएम: 6.5.0 - /usr/लोकल/बिन/एनपीएम
भाषाएँ:
पायथन: 2.7.10 - /usr/bin/python
ब्राउज़र:
क्रोम: ७१.०.०.३५७८.९८
सफारी: 12.0.2
एनपीएम पैकेज:
गैट्सबी: ^2.0.76 => 2.0.76
गैट्सबी-इमेज: ^2.0.20 => 2.0.25
गैट्सबी-प्लगइन-मेनिफेस्ट: ^२.०.९ => २.०.१२
गैट्सबी-प्लगइन-ऑफ़लाइन: ^2.0.16 => 2.0.20
गैट्सबी-प्लगइन-रिएक्शन-हेलमेट: ^3.0.2 => 3.0.5
गैट्सबी-प्लगइन-शार्प: ^2.0.14 => 2.0.16
gatsby-source-filesystem: ^२.०.८ => २.०.१२
गैट्सबी-ट्रांसफार्मर-शार्प: ^२.१.८ => २.१.९

### File contents (if changed)

`gatsby-config.js`:<!-- Please use a code block or just leave it as is if wasn't changed -->

मॉड्यूल.एक्सपोर्ट = {
साइट मेटाडेटा: {
शीर्षक: Gatsby Starter ,
विवरण: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
लेखक: @gatsbyjs ,
सामाजिक लिंक्स: [
{
नाम: Link 1 ,
यूआरएल: https://twitter.com/ ,
},
{
नाम: link 2 ,
यूआरएल: https://github.com/ ,
}
],
विशेषताएं: [
{
शीर्षक: Feature 1 ,
विवरण: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
शीर्षक: Feature 2 ,
विवरण: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
शीर्षक: Feature 3 ,
विवरण: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
],
},
प्लगइन्स: [
gatsby-plugin-react-helmet ,
{
संकल्प: gatsby-source-filesystem ,
विकल्प: {
नाम: images ,
पथ: ${__dirname}/src/images ,
},
},
gatsby-transformer-sharp ,
gatsby-plugin-sharp ,
{
संकल्प: gatsby-plugin-manifest ,
विकल्प: {
नाम: gatsby-starter-default ,
शॉर्ट_नाम: starter ,
start_url: / ,
बैकग्राउंड_कलर: #663399 ,
थीम_रंग: #663399 ,
प्रदर्शन: minimal-ui ,
आइकन: src/images/gatsby-icon.png , // यह पथ साइट की जड़ के सापेक्ष है।
},
},
// यह (वैकल्पिक) प्लगइन प्रगतिशील वेब ऐप + ऑफ़लाइन कार्यक्षमता को सक्षम करता है
// अधिक जानने के लिए देखें: https://gatsby.app/offline
// 'गैट्सबी-प्लगइन-ऑफलाइन',
],
}

`package.json`:<!-- Please use a code block or just leave it as is if wasn't changed -->

{
"नाम": "गैट्सबी-स्टार्टर-डिफॉल्ट",
"निजी": सच है,
"विवरण": "गैट्सबी के साथ जल्दी से उठने और विकसित करने के लिए एक सरल स्टार्टर",
"संस्करण": "0.1.0",
"लेखक": "काइल मैथ्यूज [email protected] ",
"निर्भरता": {
"गैट्सबी": "^2.0.76",
"गैट्सबी-इमेज": "^2.0.20",
"गैट्सबी-प्लगइन-मेनिफेस्ट": "^2.0.9",
"गैट्सबी-प्लगइन-ऑफ़लाइन": "^2.0.16",
"gatsby-plugin-react-helmet": "^3.0.2",
"गैट्सबी-प्लगइन-शार्प": "^2.0.14",
"gatsby-source-filesystem": "^2.0.8",
"गैट्सबी-ट्रांसफार्मर-शार्प": "^ 2.1.8",
"प्रोप-टाइप": "^15.6.2",
"प्रतिक्रिया": "^16.6.3",
"रिएक्शन-डोम": "^16.6.3",
"रिएक्ट-हेलमेट": "^5.2.0"
},
"कीवर्ड": [
"गैट्सबी"
],
"लाइसेंस": "एमआईटी",
"स्क्रिप्ट": {
"बिल्ड": "गैट्सबी बिल्ड",
"विकसित": "गैट्सबी डेवलप",
"स्टार्ट": "एनपीएम रन डेवलप",
"format": "prettier --write \"src/ */ .js\"",
"परीक्षण": "गूंज \"परीक्षण लिखें! -> https://gatsby.app/unit-testing\ ""
},
"देव निर्भरता": {
"सुंदर": "^ 1.15.2"
},
"भंडार": {
"टाइप": "गिट",
"यूआरएल": " https://github.com/gatsbyjs/gatsby-starter-default "
},
"बग": {
"यूआरएल": " https://github.com/gatsbyjs/gatsby/issues "
}
}
`` gatsby-node.js : N/A  gatsby-browser.js : N/A  gatsby-ssr.js`: लागू नहीं

स्रोत

AlexanderProd

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

~ @AlexanderProd मैं उसी मुद्दे पर चल रहा हूं; तुम्हारा क्या कारण था?~

कोई बात नहीं, मेरे मामले में, मैं उपयोग कर रहा था

bodyAttributes={{
  style: 'some style string'
}}

ऑटो-जेनरेटेड SEO.js के <Helmet /> इंस्टेंस के अंदर। स्टाइल ऑब्जेक्ट का उपयोग करना काम नहीं कर रहा था, जो मुझे लगता है कि प्रतिक्रिया-हेलमेट के साथ एक समस्या है। मेरी शैली को कक्षा में परिवर्तित करना और इसका उपयोग करने से मेरी समस्या हल हो गई।

Google द्वारा आने वाले अन्य लोगों के लिए, त्रुटि एक गलत style आमंत्रण है (यानी, स्ट्रिंग्स का उपयोग न करें, वस्तुओं का उपयोग करें)।

sllvn 30 जन॰ 2019

👍4

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