প্রতিক্রিয়া নেটিভ সতর্কবাণীতে "রিমোট ডিবাগারটি একটি ব্যাকগ্রাউন্ড ট্যাবে রয়েছে" থেকে মুক্তি পান


89

আমি একটি নতুন প্রতিক্রিয়া নেটিভ প্রকল্প শুরু করেছি এবং আমি নিম্নলিখিত সতর্কতাটি পেয়ে যাচ্ছি:

রিমোট ডিবাগারটি একটি পটভূমি ট্যাবে রয়েছে যার ফলে অ্যাপ্লিকেশনগুলি ধীরে ধীরে সঞ্চালিত হতে পারে। ট্যাবটিকে অগ্রভাগ করে (বা এটি একটি পৃথক উইন্ডোতে খোলার) মাধ্যমে সমাধান করুন।

এটি কিছুটা বিরক্তিকর তাই আমি কীভাবে এ থেকে মুক্তি পেতে পারি জানতে চাই? আমি ক্রোমে ডিবাগারটি চালাচ্ছি এবং আমি এটিকে একটি পৃথক উইন্ডোতে স্থানান্তরিত করেছি তবে এটি কোনও লাভ হয়নি।


অন্যদের এটি পড়ার জন্য, আমি মনে করি যে আপনার যা প্রয়োজন তা এই সতর্কতাগুলি উপেক্ষা করার পরিবর্তে একটি দ্রুত ডিবাগার। প্রতিক্রিয়া-নেটিভ-ডিবাগার ব্যবহার করার জন্য @ ভারুনভদের উত্তরগুলির নীচে সতর্কতাটি সরিয়ে ফেলা হবে এবং আপনার ডিভাইসের আউটপুট সময়কে সংক্ষিপ্ত করে তুলবে
ভিনিথ প্রধান

4
সঠিক উত্তর ( নীচে ) এখন কেবল ডিবাগার পৃষ্ঠায় "অগ্রাধিকার বজায় রাখুন" চেকবক্সটি পরীক্ষা করা।
ওরোম

যেহেতু প্রতিক্রিয়া-নেটিভ v0.63.0 ব্যবহার LogBox.ignoreLogs(['Remote debugger']);থেকেreact-native
আন্তন Novik

উত্তর:


150

আপনার যদি অগ্রাধিকার বজায় থাকে ডিবাগার উইন্ডোতে চেকবক্স থাকে, আপনি নীচের যে কোনও সমাধানে ঝাঁপ দেওয়ার আগে এটি সক্ষম করার চেষ্টা করুন।

আপনার পুরো প্রকল্পের সতর্কতা থেকে মুক্তি পেতে আপনার বহিরাগত জাভাস্ক্রিপ্ট ফাইলটিতে নিম্নলিখিতটি যুক্ত করুন (বেশিরভাগ সময় যা index.jsপ্রতিক্রিয়া নেটিভের জন্য হয়)

প্রতিক্রিয়া নেটিভ জন্য v0.63+:

ব্যবহার করুন LogBox: https://reactnative.dev/docs/debugging#logbox

LogBox.ignoreLogs(['Remote debugger']);

প্রতিক্রিয়া নেটিভ জন্য v0.57 - v0.62:

import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Remote debugger']);

সরকারী প্রতিক্রিয়া নেটিভ ডক্স থেকে এটি উল্লেখ করুন:

https://facebook.github.io/react-native/docs/debugging.html

স্থানীয় বা নীচে প্রতিক্রিয়া v0.56 :

আপনার কোডের প্রথম দিকে নিম্নলিখিতটি যুক্ত করুন:

console.ignoredYellowBox = ['Remote debugger'];

সহজ, সহজ এবং ত্রুটি নির্দিষ্ট। আমার জন্য কাজ কর. আপনি চান যে কোনও পাঠ্যের বিকল্প দিতে পারেন।


এটি আমার AppRegistry.registerComp घटक বিবরণের ঠিক আগে যুক্ত করা হয়েছে এবং এটি কার্যকর হয়েছে! ধন্যবাদ
terlter Kağan alcal

4
আমি এই কোডটি আমার শীর্ষ-স্তরে রেখেছি index.js। একটি যাদুমন্ত্র মত কাজ করে. if (__DEV__) { console.ignoredYellowBox = ['Remote debugger']; }
মাইক এস

@ মাইকস আমি একটি সতর্কতা পেয়েছিলাম [eslint] '__DEV__' is not defined. (no-undef)। আপনিও কি তা পেয়েছেন?
এন্টিকাএফ

@ আনটিকাফ না, আমি কোনও সতর্কতা পাই না। সুতরাং সমস্যাটি কী হবে তা আমি নিশ্চিত নই।
মাইক এস

আরে আমি ব্যবহার করছি YellowBox.ignoreWarnings(['Remote debugger', 'Require cycles']);তবে উভয় সতর্কতা আমার কনসোল উইন্ডোর ভিতরে এখনও উপস্থিত রয়েছে। আমি আরএন এর 0.61.4 সংস্করণ ব্যবহার করছি। দয়া করে সহায়তা করুন
অর্চনা শর্মা

41

এই সমাধানটি আমার পক্ষে কাজ

পৃথক উইন্ডোতে খুলুন / সরান http: // লোকালহোস্ট: 8081 / ডিবাগার-ইউআই (দূরবর্তী ডিবাগিংয়ের জন্য ডিফল্ট পাথ)

সম্ভবত যে সাহায্য করতে পারে :)


4
কেবলমাত্র ট্যাবটিকে আপনার 37 টি ট্যাব এর সাধারণ গোষ্ঠী থেকে নিজের উইন্ডোতে সরিয়ে ফেলুন। ধন্যবাদ
jakeforaker 17

হ্যাঁ, এটি কাজ করে। তবে যে কেউ আমাকে বলতে পারবেন কেন?
রঞ্জন

সতর্কতা বার্তায় প্রস্তাবিত হিসাবে এটি সঠিক উত্তর মনে করুন 'রিমোট ডিবাগারটি একটি পটভূমিতে রয়েছে যা অ্যাপ্লিকেশনগুলিকে ধীরে ধীরে সঞ্চালনের কারণ হতে পারে। ট্যাবটিকে অগ্রভাগ করে (বা এটি একটি পৃথক উইন্ডোতে খোলার মাধ্যমে) এটি ঠিক করুন। '
ইউএক্স আন্দ্রে

24

আপনি https://github.com/jhen0409/react-native-debugger- এ উপলব্ধ রিয়েট নেটিভ ডিবাগারটি ব্যবহার করতে পারেন এটি বিকাশের সময় রিয়েট নেটিভ অ্যাপ্লিকেশনগুলিকে ডিবাগ করার জন্য একটি স্বতন্ত্র অ্যাপ্লিকেশন।


4
ধন্যবাদ, আমি অবশ্যই এটি চেষ্টা করে দেখব তবে উত্তর হিসাবে আমি যা খুঁজছি ঠিক তা নয় কারণ এটি সতর্কতার সমাধান করে না। আমি একই কম্পিউটারে অন্য আরএন অ্যাপ্লিকেশনগুলিতে অদ্ভুতভাবে সতর্কতা পাই না
এমএক্সএমটস্ক

4
আমার অনুরূপ সমস্যা ছিল কিন্তু প্রতিক্রিয়া নেটিভ ডিবাগার ব্যবহার করে এটি সমাধান হয়েছে।
varunvs

ধন্যবাদ, আমি এই সমাধানটির জন্য গিয়েছিলাম কারণ নিজের উইন্ডোতে
ডিবাগারটি রাখা

4
কেবলমাত্র একটি সতর্কতা অপসারণ করতে অন্য সরঞ্জাম ইনস্টল করা সেরা সমাধান নয় এবং অন্যান্য সরঞ্জামটির নিজস্ব সমস্যা রয়েছে। সঠিক উত্তর নিচে kjonsson এক হয় -console.ignoredYellowBox = ['Remote debugger'];
লরেন্ট

4
@ this.lau_ এটি কি কেবল সতর্কতাটি আড়াল করে না এবং প্রকৃত সমস্যাটি সমাধান করে না? আমি বিশ্বাস করি যে সমস্যাটি আমরা সমাধান করার চেষ্টা করছি তা হ'ল ডিবাগ করার সময় ধীর অ্যাপ্লিকেশন সম্পাদন। জোর করে কোনও সতর্কতা গোপন করা এটি ঠিক করবে না।
varunvs


6

প্রতিক্রিটিভ নেমোটিক রিমোট ডিবাগার ইউআই ট্যাব সহ ব্রাউজারে অনেকগুলি ট্যাব খোলা রয়েছে । আমিও একই সমস্যার মুখোমুখি হয়েছি।

এই সতর্কতা বার্তাটি কাটিয়ে উঠতে আপনি নিম্নলিখিত যে কোনও একটি পদ্ধতি ব্যবহার করতে পারেন:

  • ছদ্মবেশী ট্যাবটি খুলুন তারপরে http: // লোকালহোস্ট: 8081 / ডিবাগার-ইউআই পেস্ট করুন ঠিকানা বারে করুন এবং ENTER টিপুন । অবশেষে অ্যাপটি পুনরায় লোড করুন (কমান্ড + আর)

  • ব্রাউজারে সমস্ত ট্যাব বন্ধ করুন। শুধুমাত্র 1 টি ট্যাব খোলা রাখুন তারপরে http: // লোকাহোস্ট: 8081 / ডিবাগার-ইউআই টিপুন এবং তারপরে অ্যাপ্লিকেশনটি পুনরায় লোড করুন (কমান্ড + আর)


6

যেমনটি একটি মন্তব্যে @ জাকফোরকার উল্লেখ করেছেন। সতর্কতাটি কেবলমাত্র আপনার ব্রাউজারের বিদ্যমান উইন্ডোটিতে ট্যাবটির পরিবর্তে একটি পৃথক উইন্ডোতে রিমোট ডিবাগারটি খোলার মাধ্যমে চলে গেল (যদিও আপনাকে আপনার সিমুলেটরটি পুনরায় লোড করতে হবে)।

সতর্কতাটি যেমন বলছে যে দূরবর্তী ডিবাগারটি অন্য ট্যাবগুলির মতো একই উইন্ডোতে রাখছে

অ্যাপ্লিকেশনগুলি ধীরে ধীরে সঞ্চালনের কারণ হতে পারে

সুতরাং আমি মনে করি @kjonsson দ্বারা উল্লিখিত হিসাবে কেবল সতর্কতা দমন করা: - console.ignoredYellowBox = ['Remote debugger'];এটি সেরা সমাধান বলে মনে হয় না।


5

যখন আমি সমস্ত উন্মুক্ত ক্রোম উইন্ডোজ বন্ধ করে দিয়ে আবার ডিবাগিং সরান শুরু করি তখন এই সমস্যাটি সমাধান করা হয়েছিল। আমার আগে খোলা ক্রোম উইন্ডোজ ছিল, সুতরাং এটি 'খালি' মনে হয় যে তাদের খোলার কারণে পারফরম্যান্স হ্রাস পায়।


5

যেহেতু এই কমিট মার্চ 2017, আপনি সক্ষম করতে পারেন অগ্রাধিকার বজায় রাখুন চেকবক্স নেই। সক্ষম করা থাকলে, এটি ডিবাগের ব্রাউজার ট্যাবটিকে লো-পাওয়ার মোডে from োকা থেকে আটকাতে নীরবে একটি বেস 64-এনকোডযুক্ত .wavফাইলটি চালায় যা ওয়েবসকেট কর্মক্ষমতাকে প্রভাবিত করতে পারে। এটি আপনার বর্ণিত সতর্কতাটিকে কার্যকরভাবে প্রতিরোধ করবে।


4

আমি মনে করি গৃহীত উত্তরটি আর সঠিক নয় (অন্তত প্রতিক্রিয়া নেটিভ v0.57 + এর জন্য)।

সঠিক কোডটি এখন:

import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Remote debugger']);

সরকারী প্রতিক্রিয়া নেটিভ ডক্স থেকে এটি উল্লেখ করুন:

https://facebook.github.io/react-native/docs/debugging.html


2

আমি ম্যাকবুক এ আছি আমি "ডাবলগার উইন্ডোটি মূল ডেস্কটপে আনার পরিবর্তে পৃথক ডেস্কটপ যা এটি" ব্যাকগ্রাউন্ডে "বলে মনে করে তা রেখে এটি সমাধান করেছি issue

এখানে চিত্র বর্ণনা লিখুন


0

আমি গতকাল একই সমস্যা পপ আপ ছিল। এটি গুগল করা এই স্ট্যাক ওভারফ্লো পোস্টের দিকে নিয়ে গেছে । প্রতিক্রিয়াগুলির একটিতে (অ্যাড্রিয়ান্সপ্রড দ্বারা), তিনি পরামর্শ দিয়েছেন:

Chrome debugger in it's own window fixes. But annoying problem

সম্ভবত আপনার প্রতিক্রিয়া নেটিভ ডিবাগারটি তার নিজস্ব ক্রোম ব্রাউজার উইন্ডোতে নয় তবে একটি ক্রোম ব্রাউজার ট্যাবে রয়েছে। এড্রিয়ান্স প্রোডের পরামর্শ অনুসারে এটিকে নিজের উইন্ডো হিসাবে টান দিয়ে আমার জন্য এটি স্থির করে।


0

(খুব বিরক্তিকর) ত্রুটি বার্তাটি পরিচালনা করে is debuggerWorker.js যা দুঃখের সাথে বার্তাটি বন্ধ করার জন্য কোনও কনফিগারেশন বিকল্প অন্তর্ভুক্ত করে না। তাই আপাতত কোনও উপায় নেই আপনি বার্তাটি অক্ষম করতে আপনার অ্যাপ্লিকেশনটি কনফিগার করতে পারেন।

সম্পর্কিত কোডটি নীচে বর্ণিত ( মূল লাইসেন্স প্রযোজ্য):

var visibilityState;
var showVisibilityWarning = (function() {
  var hasWarned = false;
  return function() {
    // Wait until `YellowBox` gets initialized before displaying the warning.
    if (hasWarned || console.warn.toString().includes('[native code]')) {
      return;
    }
    hasWarned = true;
    console.warn(
      'Remote debugger is in a background tab which may cause apps to ' +
      'perform slowly. Fix this by foregrounding the tab (or opening it in ' +
      'a separate window).'
    );
  };
})();

আপনি দেখতে পাচ্ছেন যে কোনও কনফিগারেশন বিকল্প ব্যবহার করা হয়নি, পুরো জিনিসটি স্থানীয়ভাবে বাদ দেওয়া হয়েছে (আরও তথ্যের জন্য উপরের রেপো লিঙ্কটি দেখুন)।


0

আমি প্রায় এক সপ্তাহ আগেও একই সমস্যার মুখোমুখি হয়েছি এবং শেষ পর্যন্ত আমি এমন সমাধান পেয়েছি যা আমার পক্ষে দুর্দান্ত কাজ করে

একে বলা হয় রিঅ্যাকট্রন, আপনি এটি এখানে খুঁজে পেতে পারেন - https://github.com/reactotron/reactotron এবং আপনি এটি ব্যবহার করতে পারেন:
* আপনার অ্যাপ্লিকেশনের অবস্থা দেখুন
* এপিআই অনুরোধ এবং প্রতিক্রিয়াগুলি দেখান
* দ্রুত পারফরম্যান্সের মানদণ্ডগুলি সম্পাদন করুন
* আপনার অংশগুলির সাবস্ক্রাইব করুন অ্যাপ্লিকেশন স্টেট
* কনসোল.লগের অনুরূপ বার্তাগুলি প্রদর্শন করুন
* সাগা স্ট্যাক ট্রেস সহ সোর্স-ম্যাপযুক্ত স্ট্যাক ট্রেস সহ বিশ্বব্যাপী ত্রুটিগুলি ট্র্যাক করুন!
* সরকার পরিচালিত মন নিয়ন্ত্রণ পরীক্ষার মতো ক্রিয়াকলাপগুলি প্রেরণ করুন
* আপনার অ্যাপ্লিকেশনটির রাজ্যকে হট অদলবদল করুন
* আপনার সাগসগুলি ট্র্যাক করুন

আমি আশা করি আমার পোস্টটি সহায়ক হয়েছিল এবং আপনি কখনই এই ক্লান্তিকর সতর্কতার মুখোমুখি হবেন না।

শুভকামনা


0

আমি এটি ব্যবহার করি index.js

if (__DEV__) {
  console.ignoredYellowBox = [
    'Remote debugger',
    'Warning: isMounted… is deprecated',
    'Module RCTImageLoader'
  ];
}

আমিও আমদানি করেছিimport { AppRegistry, YellowBox } from 'react-native';
মাইক এস।

যদিও আমি এটি একটি নতুন অ্যাপ্লিকেশনটিতে কেবল প্রতিক্রিয়া জানিয়েছি এবং এটি কাজ করছে বলে মনে হয় না। ভাবছি কিছু বদলেছে তো 0.57.4?
মাইক এস।


0

এমন সম্ভাবনা থাকতে পারে যে অন্য ডিবাগারটি ইতিমধ্যে প্যাকেজারের সাথে সংযুক্ত রয়েছে। সুতরাং আপনার টার্মিনাল এবং ডিবাগার গুগল ক্রোম বন্ধ করুন।

আপনি যদি ভিজ্যুয়াল স্টুডিওর প্যাকেজ ম্যানেজার ব্যবহার করছেন তবে ম্যাক / অন্যান্য ওএস টার্মিনাল কমান্ড দ্বারা প্যাকেজ ম্যানেজারটি শুরু করবেন না।

সুতরাং সমস্ত টার্মিনাল বন্ধ করুন এবং প্যাকেজ ম্যানেজার এবং গুগল ক্রোম ডিবাগারটি চালিয়ে যাওয়া বন্ধ করুন। প্রক্রিয়া আবার শুরু করুন।

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