本机DevTools不工作

Question

我使用Flipper来检查Reactive原住民项目的性能问题。每当我选择React选项时，在iOS模拟器上都会出现错误。随附的截图以供参考。

我想检查组件的加载时间。

我的React原住民版本是0.63.4。我不确定是否需要安装开发工具包。

我在Flipper中发现了下面的错误，上面写着Failed to find globally installed React DevTools

​

​

帮帮我。

Answer 1

它失败了，因为您试图使用浏览器提供的对象。React本机在与浏览器不同的环境中运行Javascript代码，并且这个环境没有窗口，因此窗口是一个未定义的对象。

通常，窗口的某些元素是pollyfield到空值，以避免一些包中断。

在代码中的某个地方，您正在尝试使用window.document.createElement()或document.createElement()创建一个元素，该元素不可用。

试着移除那部分，然后再测试一次。

Answer 2

github问题还有更多的动向：https://github.com/facebook/flipper/issues/4046

升级在reactDevTools中构建的Flipper的步骤：

1. npx i -g react-devtools react-devtools-inline
2. Then a use global devtools开关应该出现在Flipper -> React区域，failed to find globally installed React devTools也应该消失。

信用的答案在联系的github问题上。

如果像我一样，您也会遇到一种情况，即应用程序崩溃时出现了createElement错误：ERROR TypeError: Cannot read property 'createElement' of undefined, js engine: hermes，然后=>关闭了Flipper：https://github.com/facebook/flipper/issues/4131中组件更新的突出显示。

最后，RN应用程序在使用Flipper后自己运行时会在启动时崩溃，这是一个已知的问题：https://github.com/facebook/flipper/issues/3284