প্রতিক্রিয়া প্রয়োগের ক্ষেত্রে বস্তুকে আদিম মান ত্রুটিতে রূপান্তর করা যায় না?


27

আমি একটি সাধারণ রিঅ্যাক্ট-স্প্রিং বুট অ্যাপ্লিকেশন বিকাশ করছি তবে গিটহাব ইস্যুর কারণে আমি আমার অ্যাপ্লিকেশন স্টার্টার ফাইলগুলি পুনরায় ইন্টেলিজ ব্যবহার করে পুনরায় তৈরি করেছি এবং পূর্ববর্তী অ্যাপ্লিকেশনটির প্যাকেজ.জসন ফাইলের নির্ভরতা ডেটা ব্যবহার করে নোড মডিউলগুলি ইনস্টল করেছি।

যদি আমি একটি সঙ্কুচিত নেভিগেশন বার (হ্যামবার্গার বার -> প্রতিক্রিয়াশীল নভবার যা মোবাইল ভিউতে পতিত হয়) ব্যবহার করি এবং ন্যাভ লিঙ্কগুলি দেখতে হ্যামবার্গার বোতামটি ক্লিক করুন এটি আমাকে নীচের ত্রুটি দেয়। কিন্তু সেই সমস্ত জিনিস আগের অ্যাপ্লিকেশনটিতে ভাল হয়েছিল।

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.```

এই ত্রুটিটি ঠিক আজ নিজেই পেতে শুরু করেছি, অবাক হয়েছি যদি এটি কোনও নতুন প্রকাশে কিছুটা বিজোড়তা থাকে?
ম্যাটগারগানো

উত্তর:


55

প্রথমে, jQuery অপসারণ:

npm remove jquery

এবং তারপরে এটি পুনরায় ইনস্টল করুন:

npm install jquery@~3.4.1

এটি আমার জন্য এটি স্থির করে দিয়েছে। আমি কি ঘটেছে তা ভেবে পুরো ঘন্টাটি ব্যয় করি। :( আপনাকে অনেক ধন্যবাদ!
ডেভেক

আপনাকে ধন্যবাদ, এই বিষয়টি সমাধান করার জন্য আমি শেষ পর্যন্ত যা করেছি তা একই ছিল।
হাসিন্দু দহনায়কে

1
উত্সাহিত, তবে আমি পুনরায় আরম্ভ / পুনর্নির্মাণের জন্য এটি যুক্ত করতে চাই। হয় npm run devবা পুনরায় আরম্ভ করুন এবং আবার npm run watch
ভেলজকো স্টেফানোভিক

24

আমি বিকাশের একটি রেল 6 প্রকল্পে আমার একই সমস্যা ছিল। আমি বুটস্ট্র্যাপ ৪.৪.১ ব্যবহার করছি এবং আমার ধসে যাওয়া নেভিগেশন বারের সাথে ঠিক একই সমস্যাটি ছিল: নাবারটি ধসে পড়েছে তবে হ্যামবার্গার বোতামটি ধসে পড়ার সময় ক্লিকযোগ্য ছিল না।

সমাধান: 3.5.0 থেকে 3.4.1 পর্যন্ত ডাউনগ্রেড জেকারি। আমি আপাতত ত্রুটির প্রকৃত কারণটি সন্ধান করিনি।

আরও বিশদ যুক্ত করতে, jquery সংস্করণ package.jsonনির্ভরতাগুলিতে আপডেট করা উচিত এবং yarn install --check-filesপরিবর্তনটি প্রয়োগ করার জন্য আপনি এটি করার পরে চালানো ভুলবেন না ।


আমি বর্তমানে jquery
3.4.1

FWIW এটি আমার পক্ষেও কাজ করছে না either আমি ওয়ার্ডপ্রেস ব্যবহার করছিলাম যা কিছু পুরানো 1.x সংস্করণ ব্যবহার করে, আমি 3.4.1 এর জন্য অদলবদল করেছি এবং এখনও সমস্যাটি দেখছি। আমি মনে করি কিছু সঙ্গে সম্পর্কযুক্ত বরং নতুন হিসাবে গত ঘন্টার মধ্যে অনুরূপ পোস্ট আছে (দেখুন stackoverflow.com/questions/61177140/... )
matgargano

প্রজেক্ট নোড_মডিউলগুলিতে আপনার জ্যাকারি প্যাকেজটি সন্ধান করুন, এটি মুছে ফেলুন এবং এই কমান্ডটি ব্যবহার করে এটি পুনরায় ইনস্টল করুন, এনপিএম 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"বিভাগের বাইরে প্যাকেজ.জসন যুক্ত করতে হয়েছিল :

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

অবশেষে ত্রুটি চলে গেল।


3

আমি ইতিমধ্যে jquery 3.41 ব্যবহার করেছি তবে আমার প্রকল্প ফাইলগুলি অন্য প্রকল্পে সরিয়ে দেওয়ার পরে আমি সমস্যাটি পেয়েছি সুতরাং jquery 3.41 ব্যবহারের ক্ষেত্রে এখনও চেষ্টা করে দেখুন এবং কমান্ডগুলি চালিয়ে দেখুন,

1) এনপিএম jquery অপসারণ

2) এনপিএম jquery@~3.4.1 ইনস্টল করুন

এই আদেশগুলি আমার সমস্যার সমাধান করেছে।


2

খুলুন package.jsonএবং প্রতিস্থাপন

"jquery": "^3.4.1",

সঙ্গে

"jquery": "3.4.1"

সূত্র


1
আমার প্যাকেজ.জসন ফাইলে আমার শীর্ষ বিকল্প ছিল এবং তবুও ত্রুটি ছিল। ক্যারেট ছাড়াই বিকল্পটিতে এটি পরিবর্তন করা এবং সম্পদগুলি পুনরায় সংগ্রহ করা আমার জন্য এটি স্থির করে। ধন্যবাদ!
কমলা 13

1
@ অরেঞ্জস 13 এটা জেনে আমার এত আনন্দ হয়েছে যে আমি কাউকে সাহায্য করতে পারি! সালাম
xameeramir

0

node_modulesফোল্ডার থেকে Jquery প্যাকেজ সরান ।

তারপরে এই কমান্ডটি ব্যবহার করে এটি পুনরায় ইনস্টল করুন।

npm install jquery@3.5.0
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.