React Native 0.63.4:Flipper中React DevTools无法使用报错求助
解决Flipper中React DevTools报错问题
步骤1:全局安装React DevTools
你的React Native版本为0.63.4,这个版本需要全局安装React DevTools才能在Flipper中正常使用,执行以下命令:
npm install -g react-devtools
若使用yarn则执行:
yarn global add react-devtools
步骤2:重启相关程序
安装完成后,完全关闭Flipper和iOS模拟器,重新启动项目与模拟器,再进入Flipper的React DevTools选项即可正常加载。
步骤3:查看组件加载时间
React DevTools正常打开后,切换到Profiler标签,点击录制按钮开始记录组件渲染流程,操作App后停止录制,就能查看各组件的加载、渲染耗时,定位性能瓶颈。
额外排查方案
- 若全局安装后仍报错,检查系统PATH环境变量,确保全局npm/yarn的bin目录(如
~/.npm-global/bin或~/.yarn/bin)已被添加。 - 也可尝试本地安装:
npm install --save-dev react-devtools
在项目package.json的scripts中添加:
"scripts": { "devtools": "react-devtools" }
执行npm run devtools启动工具后,再在Flipper中连接使用。
内容的提问来源于stack exchange,提问作者Sujit
相关产品推荐
相关产品推荐

