React Native中Expo Dev Tools无法显示的解决方法咨询

基础排查操作 #

• 检查端口占用情况：Expo开发工具默认使用19002端口，Mac/Linux用户可执行 lsof -i :19002，Windows用户执行 netstat -ano | findstr :19002，若发现端口被占用，终止对应进程后重启项目。
• 临时关闭防火墙/杀毒软件：这类工具可能拦截Expo开发工具的网络请求，关闭后重新启动项目验证。
• 清空Expo缓存：执行 expo r -c 清除项目缓存，缓存损坏可能导致工具加载异常。

版本兼容修复 #

你当前使用的expo-cli 6.0.2与expo SDK 46.0.7存在版本不匹配问题：SDK 46对应的稳定expo-cli版本为5.x系列，6.x版本适配的是SDK 47及以上版本。

• 降级expo-cli：执行 npm install -g expo-cli@5.4.12 安装SDK46配套的稳定cli版本。
• 强制指定备用端口启动：若不想降级cli，可执行 expo start --web --port 19003，用非默认端口启动浏览器开发工具。

其他备选修复方案 #

• 检查Node.js版本：SDK46要求Node.js为14.x或16.x版本，若使用18+版本可能存在兼容问题，切换到指定版本后重试。
• 重装项目依赖：删除项目根目录的node_modules文件夹、package-lock.json（或yarn.lock）文件，执行 npm install 重新安装所有依赖。

内容的提问来源于stack exchange，提问作者Kada Guetouache