5月30日 19:40
Expo 开发应该用哪些调试工具排查问题?
Expo 调试工具可以按问题类型来选:启动失败先看 Expo CLI 和 Metro 日志,页面状态异常用 React Native DevTools,真机连接问题看设备日志和网络环境,性能问题再上 Profiler。现在不建议把老的“远程 JS 调试”当默认方案,因为 Hermes、New Architecture 和新版 React Native DevTools 已经改变了调试路径。
追问
Expo CLI 在调试里主要做什么?
Expo CLI 负责启动 Metro、生成二维码、打开模拟器、切换连接方式和清缓存。常用 npx expo start,遇到 bundle 或资源缓存异常,先试 npx expo start -c。
React Native DevTools 怎么打开?
项目跑起来后,在终端按 j 通常就能打开。它可以看 Console、Sources、Network、Components 和 Profiler,比旧工具更贴近 Hermes 调试体验。
Expo Go 和 Development Build 调试有什么区别?
Expo Go 适合验证纯 JS 和官方内置模块,启动快,但不能覆盖所有自定义原生能力。加了 config plugin、推送、深链或第三方 SDK,就应用 Development Build。
真机连不上开发服务器怎么排查?
先确认手机和电脑在同一网络,防火墙、代理、VPN、公司 Wi-Fi 隔离都可能导致失败。LAN 不行可以临时用 tunnel,但不适合判断性能。
性能问题应该看哪个工具?
先用 Profiler 看组件是否重复渲染,再看 Network 是否重复请求或接口太慢。滚动、动画、输入卡顿一定要在真机或接近生产的 Development Build 里测。
写段代码
tsxif (__DEV__) { console.group('user'); console.log(user.id, user.role); console.groupEnd(); } debugger;