प्रतिक्रिया एप्लिकेशन में आदिम मान त्रुटि में ऑब्जेक्ट को परिवर्तित नहीं कर सकता है?


27

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

यदि मैं एक ढहने वाले नेविगेशन बार (हैमबर्गर बार -> उत्तरदायी नावबार जो मोबाइल दृश्य में गिर जाता है) का उपयोग करता हूं और यह नीचे दिए गए त्रुटि वाले नव लिंक को देखने के लिए हैमबर्गर बटन पर क्लिक करें। लेकिन वे सभी चीजें पिछले आवेदन में अच्छी तरह से चली गईं।

TypeError: Cannot convert object to primitive value
HTMLDivElement.<anonymous>
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346
  343 |   ...typeof config === 'object' && config ? config : {}
  344 | }
  345 | 
> 346 | if (!data && _config.toggle && /show|hide/.test(config)) {
      | ^  347 |   _config.toggle = false
  348 | }
  349 | 
View compiled
Function.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:381
  378 | if ( isArrayLike( obj ) ) {
  379 |     length = obj.length;
  380 |     for ( ; i < length; i++ ) {
> 381 |         if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
      | ^  382 |            break;
  383 |         }
  384 |     }
View compiled
jQuery.fn.init.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:203
  200 | 
  201 | // Execute a callback for every element in the matched set.
  202 | each: function( callback ) {
> 203 |     return jQuery.each( this, callback );
      | ^  204 | },
  205 | 
  206 | map: function( callback ) {
View compiled
jQuery.fn.init._jQueryInterface [as collapse]
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:337
  334 | }
  335 | 
  336 | static _jQueryInterface(config) {
> 337 |   return this.each(function () {
      | ^  338 |     const $this   = $(this)
  339 |     let data      = $this.data(DATA_KEY)
  340 |     const _config = {
View compiled
HTMLDivElement.<anonymous>
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:385
  382 |     const $target = $(this)
  383 |     const data    = $target.data(DATA_KEY)
  384 |     const config  = data ? 'toggle' : $trigger.data()
> 385 |     Collapse._jQueryInterface.call($target, config)
  386 |   })
  387 | })
  388 | 
View compiled
Function.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:381
  378 | if ( isArrayLike( obj ) ) {
  379 |     length = obj.length;
  380 |     for ( ; i < length; i++ ) {
> 381 |         if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
      | ^  382 |            break;
  383 |         }
  384 |     }
View compiled
jQuery.fn.init.each
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:203
  200 | 
  201 | // Execute a callback for every element in the matched set.
  202 | each: function( callback ) {
> 203 |     return jQuery.each( this, callback );
      | ^  204 | },
  205 | 
  206 | map: function( callback ) {
View compiled
HTMLButtonElement.<anonymous>
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:381
  378 | const selector = Util.getSelectorFromElement(this)
  379 | const selectors = [].slice.call(document.querySelectorAll(selector))
  380 | 
> 381 | $(selectors).each(function () {
      | ^  382 |   const $target = $(this)
  383 |   const data    = $target.data(DATA_KEY)
  384 |   const config  = data ? 'toggle' : $trigger.data()
View compiled
HTMLDocument.dispatch
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:5428
  5425 | event.handleObj = handleObj;
  5426 | event.data = handleObj.data;
  5427 | 
> 5428 | ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle ||
       | ^  5429 |  handleObj.handler ).apply( matched.elem, args );
  5430 | 
  5431 | if ( ret !== undefined ) {
View compiled
HTMLDocument.elemData.handle
C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/webapp/front-end/node_modules/jquery/dist/jquery.js:5232
  5229 | 
  5230 |        // Discard the second event of a jQuery.event.trigger() and
  5231 |        // when an event is called after a page has unloaded
> 5232 |        return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ?
       | ^  5233 |          jQuery.event.dispatch.apply( elem, arguments ) : undefined;
  5234 |    };
  5235 | }
View compiled
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browsers developer console to further inspect this error.  Click the 'X' or hit ESC to dismiss this message.```

इस त्रुटि को आज ही शुरू कर दिया है, आश्चर्य है कि क्या यह कुछ के एक नए रिलीज में कुछ विषमता है?
Matgargano

जवाबों:


55

सबसे पहले, निकालें jQuery:

npm remove jquery

और फिर इसे पुनर्स्थापित करें:

npm install jquery@~3.4.1

इसने मेरे लिए इसे ठीक कर दिया। मैं पूरा एक घंटा इस बात पर लगाता हूं कि क्या हुआ। :( बहुत बहुत धन्यवाद!
डेव

धन्यवाद, यह वही था जो मैंने इस मामले को सुलझाने के लिए अंत में किया था।
हसिंदु दहानायके

1
अपवोट किया गया है, लेकिन मैं फिर से जोड़ना / पुनर्निर्माण करना आवश्यक हूं। या तो npm run devपुनः आरंभ करें और फिर से npm run watch
वेलजको स्टेफनोविक

24

मैं एक रेल 6 परियोजना में एक ही समस्या थी मैं विकसित कर रहा था। मैं बूटस्ट्रैप 4.4.1 का उपयोग कर रहा हूं और मेरे ढहने वाले नेविगेशन बार के साथ ठीक वैसी ही समस्या थी: नावबार ढह जाता है लेकिन हैमबर्गर बटन जो पतन पर दिखाई देता है वह क्लिक करने योग्य नहीं था।

समाधान: 3.5.0 से 3.4.1 तक डाउनग्रेड jquery। मैंने अभी के लिए त्रुटि के वास्तविक कारण पर ध्यान नहीं दिया।

अधिक विवरण जोड़ने के लिए, jquery संस्करण को package.jsonनिर्भरता में अपडेट किया जाना चाहिए और yarn install --check-filesलागू होने के लिए परिवर्तन करने के बाद इसे चलाना न भूलें ।


मैं वर्तमान में ३.४.१ का उपयोग कर रहा हूं
हसिन्दु दहनायके

FWIW यह मेरे लिए भी काम नहीं कर रहा है। मैं वर्डप्रेस का उपयोग कर रहा था जो कुछ पुराने 1.x संस्करण का उपयोग करता है, मैंने 3.4.1 के लिए स्वैप किया और अभी भी इस मुद्दे को देख रहा हूं। मुझे लगता है कि कुछ नया करने से संबंधित है क्योंकि पिछले एक घंटे के भीतर बहुत कुछ इसी तरह के पोस्ट हैं (देखें stackoverflow.com/questions/61177140/… )
matgargano

प्रोजेक्ट नोड_मॉड्यूल्स में अपने Jquery पैकेज का पता लगाएँ, इसे हटा दें और इस कमांड का उपयोग करके इसे फिर से स्थापित करें, npm स्थापित करें jquery@~4.3.1
सिल्वरनस अकुबो

मैं jQuery के 2 संस्करणों में खींच रहा था, ऊपर की उपेक्षा, सब अच्छा है!
मटेरगनो

काश मैं इस उत्तर को कई बार
बढ़ा पाता

14

यह संबंधित है jQuery 3.5.0.यह एक ब्रेकिंग परिवर्तन है जो कई प्लगइन्स को प्रभावित करता है। अस्थायी रूप से jQuery (like 3.4.1)मेरे लिए निश्चित समस्या के पिछले संस्करण पर वापस लौटना ।

या

प्रोजेक्ट में अपने Jquery पैकेज का पता लगाएँ node_modules, इसे हटा दें और इस कमांड का उपयोग करके इसे फिर से स्थापित करें

npm install jquery@~3.4.1

स्रोत: jQuery अंक # 4665


3

मैंने jQuery को हटा दिया yarn remove jquery, और फिर yarn add jquery@3.4.1डाउनग्रेड करने के लिए स्थापित किया।

मुद्दा यह था कि यार्न फ़ाइल में 3.5.0 अभी भी पाया गया था, इस प्रकार त्रुटि अभी भी हो रही थी।

मुझे "dependencies"अनुभाग के बाहर package.json में जोड़ना था :

"resolutions": { "jquery": "3.4.1" },

अंत में त्रुटि हो गई थी।


3

मैं पहले से ही 3.41 jquery का उपयोग करता था, लेकिन मुझे अपनी परियोजना फ़ाइलों को किसी अन्य परियोजना में स्थानांतरित करने के बाद मुद्दा मिला ताकि jquery 3.41 का उपयोग करने के मामले में अभी भी कोशिश करें और आदेशों को चलाकर देखें।

1) npm jquery को हटा दें

2) npm स्थापित करें jquery@~3.4.1

इन आदेशों ने मेरी समस्या हल कर दी।


2

खोलें package.jsonऔर बदलें

"jquery": "^3.4.1",

साथ में

"jquery": "3.4.1"

स्रोत


1
मेरे पास मेरा पैकेज.जॉन फ़ाइल में शीर्ष विकल्प था और अभी भी त्रुटि हो रही थी। कैरेट के विकल्प के रूप में इसे बदलना और परिसंपत्तियों को फिर से जमा करना मेरे लिए इसे तय करता है। धन्यवाद!
Oranges13

1
@ Oranges13 यह जानकर मुझे बहुत खुशी हुई कि मैं किसी की मदद कर सकता था! शांति!
xameeramir

0

node_modulesफ़ोल्डर से Jquery पैकेज निकालें ।

फिर इस कमांड का उपयोग करके इसे फिर से स्थापित करें।

npm install jquery@3.5.0
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.