Я начал новый проект React Native, и я продолжаю получать следующее предупреждение:
Удаленный отладчик находится в фоновом режиме, что может замедлить работу приложений. Исправьте это, переместив вкладку (или откройте ее в отдельном окне).
Это немного раздражает, поэтому я хочу знать, как я могу избавиться от него? Я запускаю отладчик в Chrome, и я переместил его в отдельное окно, но это не помогло.
Чтобы избавиться от предупреждения во всем вашем проекте, добавьте следующее в ваш самый внешний файл Javascript (большую часть времени это index.js для React Native)
для v0.57+ :
import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Remote debugger']);
Ссылка на это из официальных документов React Native:
https://facebook.github.io/react-native/docs/debugging.html
реагирует-родную v0.56 или ниже:
Добавьте в начале следующий код:
console.ignoredYellowBox = ['Remote debugger'];
Легко, просто и конкретно для этой ошибки. Работает для меня. Может заменить любой текст, который вы хотите.
это решение для меня работает
открыть/переместить http://localhost:8081/debugger-ui (путь по умолчанию для удаленной отладки) в отдельном окне
возможно, это могло бы помочь:)
Вы можете использовать React Native Debugger, доступный в https://github.com/jhen0409/react-native-debugger Это автономное приложение для отладки React Native apps во время разработки.
http://localhost:*****/debugger-ui в отдельном окне.Remote JS Debugging.Эта проблема была решена, когда я закрыл все открытые окна Chrome и снова начал удаление отладки. Раньше у меня были открытые Chrome-окна, поэтому "кажется", что они открывают производительность.
Это связано с тем, что в браузере открывается вкладка с пользовательским интерфейсом React Native Remote Debugger. Я также столкнулся с той же проблемой.
Чтобы преодолеть это предупреждающее сообщение, вы можете использовать любой из следующих методов:
Откройте вкладку инкогнито, затем вставьте http://localhost: 8081/debugger-ui в адресную строку и нажмите клавишу ВВОД. Наконец, перезагрузите приложение (Command + R).
Закройте все вкладки в браузере. Оставьте открытой только одну вкладку, затем нажмите http://locahost: 8081/debugger-ui, затем перезагрузите приложение (Command + R).
Как упомянуто @jakeforaker в одном из комментариев. Предупреждение исчезло, просто открыв удаленный отладчик в отдельном окне вместо вкладки в существующем окне вашего браузера (хотя вы должны перезагрузить симулятор).
В предупреждении говорится, что удаленный отладчик должен находиться в том же окне, что и другие вкладки.
может заставить приложения работать медленно
Поэтому я думаю, что просто отключить предупреждение, как упомянуто @kjonsson: - console.ignoredYellowBox = ['Remote debugger']; не кажется лучшим решением.
Я думаю, что принятый ответ уже не точен (по крайней мере, для React Native v0. 57+).
Правильный код сейчас:
import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Remote debugger']);
Ссылка на это из официальных документов React Native:
Вчера у меня была такая же проблема. В результате Google это привело к Post overflow post. В одном из ответов (adriansprod) он предложил:
Chrome debugger in it own window fixes. But annoying problem
Вероятно, ваш отладчик React Native не находится в собственном окне браузера Chrome, а на вкладке браузера Chrome. Вытягивая это как собственное окно, как предположил adriansprod, исправил это для меня.
Сообщение об ошибке (очень раздражающее) обрабатывается 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).'
);
};
})();
Как вы видите, параметры конфигурации не используются, все это локализовано локально (см. выше ссылку на репо для более подробной информации).
Я тоже столкнулся с той же проблемой около недели назад, и, наконец, я нашел решение, которое отлично работает для меня
Он называется реактотрон, вы можете найти его здесь - https://github.com/reactotron/reactotron, и вы можете использовать его для:
* просмотр состояния приложения
* показать API-запросы и ответы
* выполнять быстрые тесты производительности
* подписаться на части вашего состояния приложения
* отображать сообщения, похожие на console.log
* отслеживать глобальные ошибки с помощью трассировки стека с источником, включая следы стека саги!
* отправка действий, как правительственный эксперимент по контролю ума
* горячая замена вашего состояния приложения
* отслеживать ваши саги
Я надеюсь, что мой пост будет полезен, и вы никогда не столкнетесь с этим утомительным предупреждением.
Удачи.
Я использую это в index.js
if (__DEV__) {
console.ignoredYellowBox = [
'Remote debugger',
'Warning: isMounted… is deprecated',
'Module RCTImageLoader'
];
}
Так как эта фиксация в марте 2017 года, вы можете включить флажок Сохранить приоритет. Когда он включен, он автоматически воспроизводит .wav файл в кодировке .wav чтобы запретить вкладке браузера отладчика переходить в режим пониженного энергопотребления, что может повлиять на производительность веб-сокета. Это эффективно предотвратит предупреждение, которое вы описываете.
Я на MacBook. Я исправил эту проблему, перенеся окно отладчика на основной рабочий стол, а не на отдельный рабочий стол, который, по его мнению, находится в "фоновом режиме".
