Реагировать на неработающие инструменты в браузере Chrome

Я отлаживаю приложение, которое использует React.js, список расширений Chrome ясно показывает, что установлены инструменты разработчика React, и когда я обращаюсь к сайту React на http://facebook.github.io/react/ Я четко вижу вкладку "Реагировать" в окне инструментов разработчика. Но когда я отлаживаю свое приложение, я вижу это в консоли:

Download the React DevTools for a better development experience: http://fb.me/react-devtools React.js:87

Может кто-нибудь сказать мне, как заставить его использовать инструменты для разработчиков React?

спасибо!

Ответ 1

Вам больше не нужно ничего делать.

Для старых версий ответов основным требованием является установка window.React. Если вы используете модульную систему:

if (typeof window !== 'undefined') {
    window.React = React;
}

Обычно это делается в основном исходном файле.

Ответ 2

Если вы открыли локальный html файл в своем браузере (файл://...), вы должны сначала открыть chrome-расширения и установить флажок "Разрешить доступ к URL-адресам файлов".

Ответ 3

Это сообщение всегда отображается, даже если инструменты React dev установлены и работают на текущей странице. Это будет зафиксировано в 0.12 (и уже исправлено в master). См. https://github.com/facebook/react/pull/953.

Ответ 4

Инструменты реагирования также не будут работать, если вы находитесь в режиме инкогнито. Может помочь кому-то.