反应开发工具不加载在Chrome浏览器

我正在debugging使用React.js的应用程序,Chrome扩展列表清楚地显示了React Developer Tools已安装,当我访问React站点http://facebook.github.io/react/时,我可以清楚地看到开发人员工具窗口中的“反应”标签。 然而,当我debugging我的应用程序,我看到在控制台中:

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

有人能告诉我如何让它使用React开发工具?

谢谢!

你不再需要做任何事情。


对于较老的反应版本,主要要求是window.React被设置。 如果您使用的是模块系统:

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

这通常应该在你的主源文件中完成。

如果您在浏览器中打开了一个本地html文件(file:// …),那么您必须先打开chrome扩展名并勾选“允许访问文件URL”。

即使已安装React开发工具并在当前页面上工作,该消息也会始终显示。 这将被固定在0.12(并已经固定在主)。 请参阅https://github.com/facebook/react/pull/953

如果您处于隐身模式,React工具也无法正常工作。 可能帮助某人。