You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用React Native Expo运行Web项目时无法正常展示网站怎么办?

Expo Web 点击「在Web浏览器中运行」跳转回Expo页面排查方案
  • 校验项目入口配置
    确认package.json中main字段配置正确,默认值为"main": "node_modules/expo/AppEntry.js",如果自定义了项目入口,需要同步在app.json的expo.entryPoint字段中声明入口路径,避免Expo找不到渲染文件自动跳转回控制台。
  • 补全Web端依赖
    执行npx expo install react-native-web react-dom @expo/webpack-config安装完整Web运行依赖,依赖缺失会导致页面渲染失败自动重定向。
  • 排查入口组件报错
    若App.js/tsx中存在语法错误、渲染异常或者错误的路由跳转逻辑,也会触发跳转。可以先替换为最简测试代码验证:
    import { Text, View } from 'react-native';
    export default function App() {
      return (
        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
          <Text>测试页面内容</Text>
        </View>
      );
    }
    
  • 清除缓存重启服务
    执行npx expo start --clear清除开发缓存后重新启动服务,排除旧缓存导致的渲染异常问题。
  • 检查端口占用情况
    确认Expo Web默认使用的19006端口没有被其他服务占用,端口冲突会导致页面无法正常加载触发跳转。

内容的提问来源于stack exchange,提问作者Harry Kim

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 17:09:00