使用expo + react-native-web时仅Chrome出现网络错误问题排查

问题重现 #

在Expo结合React Native Web开发时，仅Chrome浏览器会弹出如下错误：

Something went wrong
Error: A network error occurred.

Firefox浏览器、通过Expo连接的安卓设备均能正常运行项目，且已尝试以下方案未解决：

• 禁用Chrome所有扩展并重启电脑
• 确认电脑及Chrome无代理设置
• 以Chrome隐身模式启动
• 执行expo start -c清除缓存启动应用
• 删除.expo目录
• 删除node_modules目录

针对性解决方法 #

1. 允许Chrome加载本地HTTP资源 #

Chrome默认限制HTTPS环境加载HTTP内容，而Expo开发服务器通常使用HTTP协议，可能触发拦截：

• 在Chrome地址栏输入 chrome://settings/content/insecureContent
• 找到「允许显示不安全内容」，点击「添加」，填入你的Expo开发服务器地址（如http://localhost:19006）

2. 重置Chrome网络配置 #

• 打开Chrome设置 → 高级 → 重置并清理 → 重置设置
• 重置完成后重启Chrome，重新打开Expo项目

3. 检查Chrome实验性网络设置 #

部分实验特性可能干扰网络请求：

• 地址栏输入 chrome://flags
• 搜索「Network Service」，确保设置为「默认」或「启用」
• 搜索「CORS」相关选项，关闭所有非默认的实验性限制项
• 修改后重启Chrome生效

4. 排查本地安全软件拦截 #

部分杀毒软件、防火墙会针对性拦截Chrome的网络请求，可暂时关闭这类软件后重试，确认是否为拦截导致。

5. 切换Chrome版本测试 #

若为版本兼容性BUG，可尝试安装Chrome稳定版、Beta版或旧版本，验证问题是否消失。

6. 强制Expo以HTTPS模式启动（临时规避） #

通过HTTPS启动Expo，绕过Chrome的HTTP限制：

expo start --https

启动后Chrome会提示证书不安全，选择「高级」→「继续访问」即可正常加载项目。

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