Gatsby: प्रतिक्रिया-हॉट-लोडर: प्रतिक्रिया-ए-डोम पैच का पता नहीं चला है। प्रतिक्रिया 16.6+ सुविधाएँ काम नहीं कर सकती हैं।

को निर्मित 20 फ़र॰ 2019 · 52टिप्पणियाँ · स्रोत: gatsbyjs/gatsby

विवरण

मेरे स्टार्टर प्रोजेक्ट की सभी निर्भरताओं को अपडेट करने के बाद, मैंने gatsby develop चलाने के बाद ब्राउज़र कंसोल में निम्न संदेश देखा:

React-Hot-Loader: react-🔥-dom patch is not detected. React 16.6+ features may not work.

प्रजनन के चरण

क्लोन गैट्सबी-स्टार्टर-सख्त@6c06471
yarn && yarn develop

अपेक्षित परिणाम

कोई चेतावनी नहीं फेंकी जानी चाहिए।

वास्तविक परिणाम

स्टार्टर प्रोजेक्ट के साथ भी चेतावनी दी जाती है।

वातावरण

  System:
    OS: Windows 10
    CPU: (4) x64 Intel(R) Core(TM) i5-2500 CPU @ 3.30GHz
  Binaries:
    Yarn: 1.13.0 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.4.1 - C:\Program Files\nodejs\npm.CMD
  npmPackages:
    gatsby: ^2.1.10 => 2.1.10
    gatsby-plugin-manifest: ^2.0.18 => 2.0.18
    gatsby-plugin-offline: ^2.0.24 => 2.0.24
    gatsby-plugin-react-helmet: ^3.0.6 => 3.0.6
    gatsby-plugin-styled-components: ^3.0.6 => 3.0.6
    gatsby-plugin-typescript: ^2.0.8 => 2.0.8

not stale maintenance

स्रोत

kripod

👍108

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

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

एक समाधान जो स्थानीय रूप से किया जा सकता है वह है @hot-loader/react-dom को devDependency और इस हुक को gatsby-node.js जोड़ना:

exports.onCreateWebpackConfig = ({ getConfig, stage }) => {
  const config = getConfig()
  if (stage.startsWith('develop') && config.resolve) {
    config.resolve.alias = {
      ...config.resolve.alias,
      'react-dom': '@hot-loader/react-dom'
    }
  }
}

Jessidhia 3 मार्च 2019

👍90 ❤28 🎉17 👎1

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

मैं पुष्टि कर सकता हूं कि मैंने यह चेतावनी भी देखी है। मैं इस चेतावनी को गैट्सबी-स्टार्टर-डिफॉल्ट के साथ पुन: पेश करने में सक्षम था।

t2ca 20 फ़र॰ 2019

👍34 😕2 😄2

हम शायद गायब हैं https://github.com/gaearon/react-hot-loader/tree/7089062eac273832102c074a368d5af27e23e0b0#webpack -plugin

यह कोई बड़ी बात नहीं है क्योंकि प्रतिक्रिया आग: आग: अभी तक आधिकारिक नहीं है।

Webpack.config यहाँ है:
https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby/src/utils/webpack.config.js

wardpeet 20 फ़र॰ 2019

@wardpeet मैं इस चेतावनी को हटाने के लिए react-dom को @ hot-loader/react-dom से बदल देता हूं।

achmadk 25 फ़र॰ 2019

👍12 👎4

यह भी काम करता है! मैं

wardpeet 25 फ़र॰ 2019

👎9

@achmadk @wardpeet आपने रिएक्ट-डोम को कहां से बदल दिया
@ हॉट-लोडर/रिएक्शन-डोम?
मुझे नहीं लगता कि मेरे कोडबेस में, यह गैट्सबी कोड के अंदर कहीं होना चाहिए

JustFly1984 1 मार्च 2019

@ JustFly1984 उदाहरण के लिए, मैं @kripod से कोडबेस का उपयोग करता हूं । package.json फ़ाइल में, इसमें react-dom अंदर dependencies । और फिर react-dom को @hot-loader/react-dom बदलें।

achmadk 1 मार्च 2019

😕3 👎3 👍2

मैं इस चेतावनी को गैट्सबी-स्टार्टर-डिफॉल्ट के साथ पुन: पेश करता हूं।

तो हमें क्या करना चाहिए?

"प्रतिक्रिया आग" जारी होने की प्रतीक्षा करें? या react-dom को @hot-loader/react-dom बदलें?

asilgag 2 मार्च 2019

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

exports.onCreateWebpackConfig = ({ getConfig, stage }) => {
  const config = getConfig()
  if (stage.startsWith('develop') && config.resolve) {
    config.resolve.alias = {
      ...config.resolve.alias,
      'react-dom': '@hot-loader/react-dom'
    }
  }
}

Jessidhia 3 मार्च 2019

👍90 ❤28 🎉17 👎1

वर्कअराउंड चेतावनी को हटा देता है लेकिन ..
अभी के लिए कोई हॉट रीलोडिंग नहीं है? (फ़ाइल सहेजने से मेरे ऐप पर पेज रीफ़्रेश हो जाएगा)

misterbridge 5 मार्च 2019

👍7 😕1

हिया!

यह मामला शांत हो गया है। डरावना शांत। मैं

हमें बहुत सी समस्याएं आती हैं, इसलिए हम वर्तमान में 30 दिनों की निष्क्रियता के बाद मुद्दों को बंद कर देते हैं। यहां आखिरी अपडेट को कम से कम 20 दिन हो चुके हैं।

अगर हम इस मुद्दे से चूक गए हैं या यदि आप इसे खुला रखना चाहते हैं, तो कृपया यहां उत्तर दें। इस समस्या को खुला रखने के लिए आप "नॉट बासी" लेबल भी जोड़ सकते हैं!

Gatsby समुदाय का हिस्सा बनने के लिए धन्यवाद! मैं

gatsbot[bot] 26 मार्च 2019

👎12

बासी नहीं!

JustFly1984 26 मार्च 2019

👍20 😄3

मैंने इसे अपने रोडमैप में जोड़ा है क्योंकि यह नए लोगों को फेंक सकता है जिससे उन्हें यह आभास हो सकता है कि उन्होंने कुछ भी गलत किया है।

wardpeet 27 मार्च 2019

👍18

बस स्पष्ट होने के लिए, हमें वर्कअराउंड को लागू करने से क्या उम्मीद करनी चाहिए? क्या यह @misterbridge की तरह हॉट

joefiorini 12 अप्रैल 2019

मुझे इसे जल्द से जल्द ठीक करने दें

wardpeet 15 अप्रैल 2019

👍36

मैंने एक नया पीआर बनाया https://github.com/gatsbyjs/gatsby/pull/13713 अगर यह कुछ रेपो पर परीक्षण किया जा सकता है तो यह मजेदार होगा।

wardpeet 30 अप्रैल 2019

👍2

ऐसा लगता है कि इसे #13713 . में ठीक किया गया था

m-allanson 20 मई 2019

क्या हमें अभी भी उस exports.onCreateWebpackConfig पैच की आवश्यकता है जो पिछले गैट्सबी संस्करणों में चेतावनी को हटाने के लिए है? या हम सिर्फ चेतावनी को नजरअंदाज कर सकते हैं?

प्रतिक्रिया 16.9.0 का उपयोग करना

antoinerousseau 11 अग॰ 2019

👍3

ऐसा लगता है कि यह फिर से वापस आ रहा है

vasilenka 11 अग॰ 2019

👍19

मैं इसे नए स्टार्टर प्रोजेक्ट्स पर भी देख रहा हूं।

rileyjshaw 13 अग॰ 2019

आपको अपनी पैकेज फ़ाइल में प्रतिक्रिया-हॉट-डोम के लिए मिलान किए गए संस्करण को जोड़ने की आवश्यकता है

"@ हॉट-लोडर/रिएक्शन-डोम": "^16.8.6",

और अपने वेबपैक कॉन्फ़िगरेशन में, आपको जोड़ने की आवश्यकता है

उपनाम: { 'प्रतिक्रिया-डोम': '@ हॉट-लोडर/रिएक्ट-डोम'}

TheAadithyan 15 अग॰ 2019

👍2

चूंकि यह वास्तव में कुछ भी नहीं तोड़ता है, यह आमतौर पर चेतावनी को छिपाने के लिए सुरक्षित है जैसा कि इस स्टैक ओवरफ्लो प्रश्न में मैंने उत्तर दिया था:

https://stackoverflow.com/questions/54770535/react-hot-loader-react-dom-patch-is-not-detected/54816859#54816859

मैं एक पीआर जमा करने के लिए तैयार हूं अगर कोई पुष्टि कर सकता है कि निम्नलिखित पंक्तियां परिवर्तन करने के लिए सही जगह हैं:

https://github.com/gatsbyjs/gatsby/blob/561d33e2e491d3971cb2a404eec9705a5a493602/packages/gatsby/src/bootstrap/requires-writer.js#L50 -L63

मैं गैट्सबी के लिए कुछ नया हूं लेकिन मुझे लगता है कि यह काफी सीधा बदलाव होगा जिसके लिए उपयोगकर्ताओं को मूल react-dom पैकेज से दूर माइग्रेट करने की आवश्यकता नहीं होती है।

skipjack 22 अग॰ 2019

@TheAadithyan द्वारा

GooBall 2 अक्तू॰ 2019

गैट्सबी एपीआई के बाद, actions.setWebpackConfig बेहतर उपयोग करें, उदाहरण के लिए

exports.onCreateWebpackConfig = ({ stage, actions }) => {
  if (stage.startsWith("develop")) {
    actions.setWebpackConfig({
      resolve: {
        alias: {
          "react-dom": "@hot-loader/react-dom",
        },
      },
    })
  }
}

यह स्वचालित रूप से डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ विलीन हो जाता है।

antoinerousseau 5 अक्तू॰ 2019

👍14

@antoinerousseau और @ooloth : यह पैच एक दुर्भाग्यपूर्ण साइड इफेक्ट के रूप में है क्योंकि यह परियोजनाओं को संकलित करने में विफल होने का कारण बनता है जब react-modal का उपयोग कर एक पैकेज स्थानीय फाइल सिस्टम से file:[path to project] साथ स्थापित किया गया है। वास्तव में अजीब बात यह है कि हमारे Azure DevOps आर्टिफैक्ट से इसे स्थापित करते समय वही कोड ठीक काम करता है।

पैच को हटाते समय समस्या उत्पन्न नहीं होती है। मैंने दो अलग-अलग परियोजनाओं के साथ इसका परीक्षण किया है react-modal निर्भरता के रूप में और दोनों एक ही त्रुटि के साथ विफल हो जाते हैं। react-modal की निर्भरता react-dom लेकिन उपरोक्त पैच लागू होने पर यह इसे हल करने में असमर्थ है।

उदाहरण रेपो

रेपो के उदाहरण के लिए, https://github.com/collector-bank/collector-portal-framework देखें।

कैसे पुन: पेश करें

react-modal का उपयोग करके file:.. react-modal निर्भरता के साथ एक स्थानीय पैकेज स्थापित करें।
npm run start चलाएँ।
नीचे दिखाए गए अनुसार एक समान त्रुटि के साथ संकलन विफल देखें:

» npm run start                                                                                                                    [removed for privacy reasons]@Eriks-MBP

> [email protected] start /Users/[removed for privacy reasons]/Projects/[removed for privacy reasons]/FooProject
> npm run develop


> [email protected] develop /Users/[removed for privacy reasons]/Projects/[removed for privacy reasons]/FooProject
> gatsby develop

success open and validate gatsby-configs - 0.029 s
success load plugins - 0.247 s
success onPreInit - 0.015 s
info One or more of your plugins have changed since the last time you ran Gatsby. As
a precaution, we're deleting your site's cache to ensure there's not any stale
data
success initialize cache - 0.031 s
success copy gatsby files - 0.049 s
success onPreBootstrap - 0.020 s
success source and transform nodes - 0.098 s
success Add explicit types - 0.018 s
success Add inferred types - 0.099 s
success Processing types - 0.075 s
success building schema - 0.250 s
success createPages - 0.014 s
success createPagesStatefully - 0.055 s
success onPreExtractQueries - 0.016 s
success update schema - 0.032 s
success extract queries from components - 0.231 s
success write out requires - 0.027 s
success write out redirect data - 0.013 s
success Build manifest and related icons - 0.104 s
success onPostBootstrap - 0.127 s
⠀
info bootstrap finished - 3.117 s
⠀
success run static queries - 0.058 s — 3/3 67.58 queries/second
success run page queries - 0.028 s — 5/5 365.36 queries/second
success start webpack server - 1.300 s — 1/1 7.17 pages/second
 ERROR  Failed to compile with 2 errors                                                                                                          09:36:39
⠀
This dependency was not found:
⠀
* react-dom in /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-modal/lib/components/Modal.js, /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-onclickoutside/dist/react-onclickoutside.es.js
⠀
To install it, you can run: npm install --save react-dom

 ERROR 

✖ ｢wdm｣:
ERROR in /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-modal/lib/components/Modal.js
Module not found: Error: Can't resolve 'react-dom' in '/Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-modal/lib/components'
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-modal/lib/components/Modal.js 16:16-36
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-modal/lib/index.js
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/dist/components/Modal/index.js
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/dist/components/index.js
 @ ./src/components/layout.tsx
 @ ./src/pages/page-2.tsx
 @ ./.cache/sync-requires.js
 @ ./.cache/app.js
 @ multi ./node_modules/event-source-polyfill/src/eventsource.js (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app

ERROR in /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-onclickoutside/dist/react-onclickoutside.es.js
Module not found: Error: Can't resolve 'react-dom' in '/Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-onclickoutside/dist'
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-onclickoutside/dist/react-onclickoutside.es.js 2:0-40 199:15-26
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/node_modules/react-datepicker/dist/react-datepicker.min.js
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/dist/common/components/DatePicker/index.js
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/dist/common/components/index.js
 @ /Users/[removed for privacy reasons]/Projects/Private/collector-portal-framework-upstream/dist/components/index.js
 @ ./src/components/layout.tsx
 @ ./src/pages/page-2.tsx
 @ ./.cache/sync-requires.js
 @ ./.cache/app.js
 @ multi ./node_modules/event-source-polyfill/src/eventsource.js (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app

info ℹ ｢wdm｣: Failed to compile.

eriktoyra 8 अक्तू॰ 2019

यह "प्रतिक्रिया आग" से पूरी तरह से असंबंधित है और इमोजी भ्रमित करने वाला है।
एक समाधान जो स्थानीय रूप से किया जा सकता है वह है @hot-loader/react-dom को devDependency और इस हुक को gatsby-node.js जोड़ना:
exports.onCreateWebpackConfig = ({ getConfig, stage }) => {
  const config = getConfig()
  if (stage.startsWith('develop') && config.resolve) {
    config.resolve.alias = {
      ...config.resolve.alias,
      'react-dom': '@hot-loader/react-dom'
    }
  }
}

मुझे बाद में पुन: संकलित करना पड़ा लेकिन यह काम कर गया!

prevolorio 12 अक्तू॰ 2019

👎3

@prevolorio क्या आपने यह धागा पढ़ा है? ...

antoinerousseau 12 अक्तू॰ 2019

गैट्सबी एपीआई के बाद, actions.setWebpackConfig बेहतर उपयोग करें, उदाहरण के लिए
exports.onCreateWebpackConfig = ({ stage, actions }) => {
  if (stage.startsWith("develop")) {
    actions.setWebpackConfig({
      resolve: {
        alias: {
          "react-dom": "@hot-loader/react-dom",
        },
      },
    })
  }
}
यह स्वचालित रूप से डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ विलीन हो जाता है।

यहां न्यूब। मैं यह कोड कहां रखूं? गैट्सबी-नोड.जेएस?

TriStarGod 29 अक्तू॰ 2019

👍1

@TriStarGod हाँ, वह जगह है जहाँ एपीआई हुक "रहता है"। कोड का वह टुकड़ा gatsby-node.js में डाला जाना चाहिए

jonniebigodes 29 अक्तू॰ 2019

@TriStarGod यह मेरे द्वारा लिंक किए गए पेज पर सही कहता है ...

उपयोग: इनमें से किसी भी एपीआई को अपने प्रोजेक्ट के रूट में gatsby-node.js नाम की फाइल से एक्सपोर्ट करके लागू करें।

antoinerousseau 29 अक्तू॰ 2019

मुझे यह चेतावनी विंडोज 10 पर भी मिल रही है, लेकिन उबंटू लिनक्स या मैकओएस पर नहीं। मैं सोच रहा हूं कि क्या यह चेतावनी विंडोज़ उपयोगकर्ताओं के लिए विशिष्ट है।

kimbaudi 5 दिस॰ 2019

@kimbaudi मुझे विंडोज़ सिस्टम में भी यह त्रुटि है, क्या आप जानते हैं कि यह लिनक्स में उत्पादन वातावरण में ठीक रहेगा ??

ChanclaYCod 22 दिस॰ 2019

मैंने गैट्सबी स्टार्टर पैकेज के लिए इस समाधान की कोशिश की और यह काम नहीं किया। क्या हाल ही में कुछ बदला है?

MatthewJRoybal 8 जन॰ 2020

👍2

यह अचानक एक प्रोजेक्ट पर दिखाई देने लगा जिस पर मैं काम कर रहा था, ऐसा क्यों हो रहा है। क्या मैंने कुछ तोड़ दिया क्या मैं सिर्फ चेतावनी को अनदेखा कर सकता हूं?

Thebohemiangeek 11 जन॰ 2020

क्रोम के माध्यम से विंडोज़ 10 मशीन पर भी इस मुद्दे को देखकर (यदि वह प्रासंगिक है)

miller-productions 1 फ़र॰ 2020

+1 वही यहाँ। और @hot-loader/react-dom साथ समाधान काम नहीं करता (दोनों संस्करणों की कोशिश की) - देव Error: Cannot find module 'react-dom/server' साथ विफल रहता है

ovsw 17 फ़र॰ 2020

👍5

इसे काम पर मेरे विन्डोज़ बॉक्स पर भी प्राप्त करना। यह देखने के लिए कि क्या मुझे अलग-अलग परिणाम मिलते हैं, मैं इसे बाद में अपने व्यक्तिगत मैकबुक बॉक्स पर देखूंगा।

MatthewCushing 28 फ़र॰ 2020

नवीनतम संस्करण पर प्रतिक्रिया अद्यतन करने के बाद से मैं इसे फिर से देखना शुरू कर रहा हूं।

t2ca 28 फ़र॰ 2020

👍9

चल रहा है: yarn add react-dom@npm:@hot-loader/react-dom ने मेरे लिए इस मुद्दे को हल किया।
से: रिएक्ट-डोम - हॉट-लोडर संस्करण रिवायर - (यार्न) कोई अन्य सिस्टम

beelee 7 मार्च 2020

👍7 🚀3 ❤2 🎉1

चल रहा है: yarn add react-dom@npm:@hot-loader/react-dom ने मेरे लिए इस मुद्दे को हल किया।
से: रिएक्ट-डोम - हॉट-लोडर संस्करण रिवायर - (यार्न) कोई अन्य सिस्टम

या npm add @hot-loader/react-dom@[YOUR_REACT_VERSION]
तों.: npm add @hot-loader/[email protected]
और gatsby-node.js में जोड़ें:
exports.onCreateWebpackConfig = ({ getConfig, stage }) => { const config = getConfig() if (stage.startsWith('develop') && config.resolve) { config.resolve.alias = { ...config.resolve.alias, 'react-dom': '@hot-loader/react-dom' } } }
gatsby develop चलाएं
मेरे लिए इस मुद्दे को हल किया।

zaktwist 11 मार्च 2020

❤7

एक आसान विकास प्रक्रिया सुनिश्चित करने के लिए मुझे अपनी सभी गैट्सबी साइटों पर अभी भी एक रिलेवेंट फिक्स बनाने की आवश्यकता है। अन्यथा हॉट रीलोडिंग वास्तव में स्थानीयहोस्ट विकास पर्यावरण पर रुक-रुक कर विफल हो जाती है।

apolopena 28 मार्च 2020

मैं yarn add react-dom@npm:@hot-loader/react-dom का उपयोग कर रहा हूं लेकिन लर्न के साथ यार्न वर्कस्पेस प्रोजेक्ट में ऐसे बुरे मुद्दे हैं जिन्हें मैं ठीक नहीं कर सका। नोहोइस्ट की कोशिश की लेकिन यह काम नहीं कर रहा है जैसा मैंने शुरू में सोचा था।

जैसे किसी ने इसे हल किया है? मुझे लगता है कि यह विधि (अलियासिंग पैकेज) इस समस्या का कारण बन सकती है लेकिन मैं 100% निश्चित नहीं हूं।

barthicus 28 मार्च 2020

क्या `@ hot-loader/react-dom" इंस्टॉल करना और gatsby-node.js में वेबपैक कॉन्फिगरेशन जोड़ना एक वर्कअराउंड या स्थायी समाधान है? अगर यह स्थायी है, तो क्या इसे गैट्सबी में नहीं बनाया जाना चाहिए? अगर यह एक समाधान है, तो क्या होगा इसे हटाने के लिए हमारे लिए ट्रिगर बनें?

मैं यह भी जोड़ना चाहता हूं कि चींटी डिजाइन 4.1.5 से v4.2.0 तक अपडेट करने के बाद मैं कुछ निश्चित पृष्ठों में भाग गया। उन्होंने हुक का उपयोग करने के लिए List.Item घटक को दोबारा प्रतिक्रिया दी, और मुझे एक वर्ग घटक वापस करने की कोशिश कर रहे एक कार्यात्मक घटक के बारे में एक प्रतिक्रिया त्रुटि मिल रही थी। पैच लगाने से यह समस्या पूरी तरह से हल हो गई। कहानी का नैतिक: "प्रतिक्रिया-ए-डोम पैच का पता नहीं चला है" चेतावनी वास्तव में समस्या पैदा कर सकती है!

devuxer 11 मई 2020

👍1

@wardpeet मैं इस चेतावनी को हटाने के लिए react-dom को @ hot-loader/react-dom से बदल देता हूं।

धन्यवाद इसके काम

azware 20 मई 2020

कोई खबर?
क्या हमें आगे बढ़ना चाहिए और इसे अपनी परियोजनाओं में मैन्युअल रूप से ठीक करना चाहिए, जैसा कि @wardpeet ने सुझाव दिया था?

Cry0nicS 26 मई 2020

👍1

मेरा कहना है कि यह इन दिनों इतने अधिक वेब विकास का लक्षण है। बिना किसी स्पष्ट समाधान के यादृच्छिक परिवर्तन के कारण होने वाली एक यादृच्छिक त्रुटि जिसमें कुछ हिट और आशा को शामिल करना शामिल नहीं है, जिसे आप ठीक उसी स्थिति में करने का प्रयास करते हैं जब वे काम करते हैं और वास्तव में यह नहीं समझते हैं कि वे ऐसा क्यों करते हैं या नहीं करते हैं। हां, मुझे रेपो में और अधिक शामिल होना चाहिए, लेकिन हे, मैं गैट्सबी को यादृच्छिक चेतावनियों के एक समूह के बिना चलाने के लिए भी नहीं मिल सकता, इसलिए मैं बेकार हो जाऊंगा। मेरे 2 सेंट।

Tony221268 28 मई 2020

👍5 👎1

जब भी मैं कोई प्रोजेक्ट शुरू करता हूं तो मैं यहां आता हूं:
https://github.com/gatsbyjs/gatsby-starter-default

इसलिए मैं यह नोट अपने लिए लिख रहा हूं, और कोई भी जो इस तक स्क्रॉल करता है 👋 (अरे भविष्य मुझे)

चरण 1

यह आदेश चलाएँ - लेकिन इसे अकेले चलाने से समस्या ठीक नहीं होगी:

npm install -D @hot-loader/react-dom

चरण 2

निम्नलिखित जोड़ने के लिए gatsby.node.js संशोधित करें:

exports.onCreateWebpackConfig = ({ stage, actions }) => {
  if (stage.startsWith("develop")) {
    actions.setWebpackConfig({
      resolve: {
        alias: {
          "react-dom": "@hot-loader/react-dom",
        },
      },
    })
  }
}

उपरोक्त कोड का उपयोग यहां बताए गए अन्य लोगों पर करें क्योंकि:
https://github.com/gatsbyjs/gatsby/issues/11934#issuecomment -538662592

"actions.setWebpackConfig का उपयोग करना बेहतर है क्योंकि यह स्वचालित रूप से डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ विलीन हो जाता है"

birksy89 20 जून 2020

👍36 ❤4 👀3 🎉2

आप GATSBY_HOT_LOADER=fast-refresh भी उपयोग कर सकते हैं। हमें @hot-loader को विकसित करने के लिए डिफ़ॉल्ट बनाने के लिए एक पीआर स्वीकार करने में प्रसन्नता हो रही है

wardpeet 20 जून 2020

👀1 ❤1

"@ हॉट-लोडर/रिएक्शन-डोम": "^16.8.6",

और अपने वेबपैक कॉन्फ़िगरेशन में, आपको जोड़ने की आवश्यकता है

उपनाम: { 'प्रतिक्रिया-डोम': '@ हॉट-लोडर/रिएक्ट-डोम'}

harshalimatte 25 जून 2020

क्या इससे यह पता लगाने में मदद मिलेगी कि आपको https://github.com/gatsbyjs/gatsby/pull/26927 क्या करने की आवश्यकता है?

wardpeet 17 सित॰ 2020

@wardpeet - मैंने अभी इसके माध्यम से भाग लिया है, और हाँ, बहुत स्पष्ट है। धन्यवाद।

दूसरों के बारे में निश्चित नहीं है, लेकिन मैंने इसे कंसोल चेतावनी के माध्यम से खोजा ... कार्यक्षमता की किसी भी विफलता का सामना करने के बजाय।

स्थापित करने के लिए आवश्यक संस्करण निर्दिष्ट करके कंसोल के भीतर समस्या को हल करने के लिए चरणों को जोड़ना पूर्णता है

birksy89 18 सित॰ 2020

मैंने सुझाए गए समाधान की कोशिश की:

स्थापित "@ हॉट-लोडर/रिएक्ट-डोम": "^16.8.6"
इस अनुभाग को gatsby-config.js में जोड़ा:

exports.onCreateWebpackConfig = ({ stage, actions }) => { if (stage.startsWith('develop')) { actions.setWebpackConfig({ resolve: { alias: { 'react-dom': '@hot-loader/react-dom' } } }); } };

लेकिन यह मेरे लिए काम नहीं कर रहा है।

कोई उपाय?

गैट्सबी जानकारी

प्रणाली:
ओएस: विंडोज 10 10.0.16299
सीपीयू: (8) x64 इंटेल (आर) कोर (टीएम) i7-6700HQ सीपीयू @ 2.60GHz
बायनेरिज़:
नोड: 14.6.0 - C:\Program Filesnodejsnode.EXE
यार्न: 1.22.4 - C:\Program Files (x86)\Yarn\binyarn.CMD
npm: 6.14.6 - C:\Program Filesnodejs\npm.CMD
भाषाएँ:
पायथन: 3.8.1 - /c/उपयोगकर्ता/ccordero/AppData/स्थानीय/कार्यक्रम/पायथन/पायथन38/पायथन
ब्राउज़र:
धार: संयमी (41.16299.1004.0)
एनपीएम पैकेज:
गैट्सबी: ^2.18.18 => 2.24.33
गैट्सबी-प्लगइन-मैनिफेस्ट: ^2.4.22 => 2.4.22
गैट्सबी-प्लगइन-ऑफ़लाइन: ^3.2.22 => 3.2.22
gatsby-source-graphql: ^2.7.0 => 2.7.0
गैट्सबी-थीम-कोडबुशी: 1.0.0 => 1.0.0

अपडेट करें:
मैंने पिछले चरणों को वापस ले लिया, और इस समाधान ने अंततः चेतावनी को हटा दिया:

चल रहा है: yarn add react-dom@npm:@hot-loader/react-dom ने मेरे लिए इस मुद्दे को हल किया।
से: रिएक्ट-डोम - हॉट-लोडर संस्करण रिवायर - (यार्न) कोई अन्य सिस्टम

ccalvarez 5 अक्तू॰ 2020

👍4 ❤1 🎉1

चरण 1
यह आदेश चलाएँ - लेकिन इसे अकेले चलाने से समस्या ठीक नहीं होगी:
npm install -D @hot-loader/react-dom
चरण 2
निम्नलिखित जोड़ने के लिए gatsby.node.js संशोधित करें:
exports.onCreateWebpackConfig = ({ stage, actions }) => {
  if (stage.startsWith("develop")) {
    actions.setWebpackConfig({
      resolve: {
        alias: {
          "react-dom": "@hot-loader/react-dom",
        },
      },
    })
  }
}
उपरोक्त कोड का उपयोग यहां बताए गए अन्य लोगों पर करें क्योंकि:
#11934 (टिप्पणी)
"actions.setWebpackConfig का उपयोग करना बेहतर है क्योंकि यह स्वचालित रूप से डिफ़ॉल्ट कॉन्फ़िगरेशन के साथ विलीन हो जाता है"

मेरे लिए इंस्टॉल विफल रहा, मुझे अपना वर्तमान प्रतिक्रिया संस्करण जोड़ना होगा।

@zaktwist की पोस्ट ने काम किया (https://github.com/gatsbyjs/gatsby/issues/11934#issuecomment-597560317)
npm add @hot-loader/react-dom@[YOUR_REACT_VERSION]
उदाहरण के लिए npm add @hot-loader/[email protected]

Xairoo 27 नव॰ 2020

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

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

Gatsby: प्रतिक्रिया-हॉट-लोडर: प्रतिक्रिया-ए-डोम पैच का पता नहीं चला है। प्रतिक्रिया 16.6+ सुविधाएँ काम नहीं कर सकती हैं।

विवरण

प्रजनन के चरण

अपेक्षित परिणाम

वास्तविक परिणाम

वातावरण

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

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

उदाहरण रेपो

कैसे पुन: पेश करें

चरण 1

चरण 2

चरण 1

चरण 2

संबंधित मुद्दों