使用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
相关产品推荐
相关产品推荐

