Expo导航报错：路由'(tabs)'未被导航器处理问题求助

刚上手Expo Router，现在卡在登录后的路由跳转问题上了，求各位大佬帮忙排查下！

问题场景 #

未登录状态下，App能自动跳转到登录页，完全没问题；但登录认证成功后，执行路由跳转时直接报错：

The action 'REPLACE' with payload {"name":"(tabs)","params":{"screen":"home","params":{}}} was not handled by any navigator. Do you have a route named '(tabs)'?

登录接口已经返回成功，console.log也能正常打印，但就是跳转失败，实在找不到问题出在哪，下面是我的项目结构和关键代码：

项目文件夹结构 #

/app
  _layout.tsx
  index.tsx
  login.tsx
  (tabs)
    _layout.tsx
    home.tsx
    profile.tsx

关键代码片段 #

1. Login.tsx 登录提交逻辑

const handleSubmit = async () => {
  signin({email,password}) // 这里之前没加await！
  router.replace('/(tabs)/home');
  console.log(" CHANGED ROUTER "); // 这行能正常打印
};

2. (tabs)/_layout.tsx 路由组验证逻辑

import { Tabs, Redirect } from 'expo-router';
import { useSession } from '../../hooks/useSession';
import theme from '../../constants/theme';

export default function TabsLayout() {
  const { session } = useSession();

  if (!session) {
    return <Redirect href="/" />;
  } else {
    return (
      <Tabs 
        screenOptions={{ 
          headerShown: false, 
          tabBarStyle: { 
            backgroundColor: theme.navBackground, 
            paddingTop: 10, 
            height: 90, 
          }, 
          tabBarActiveTintColor: theme.iconColorFocused, 
          tabBarInactiveTintColor: theme.iconColor, 
        }} 
      >
        <Tabs.Screen 
          name="home" 
          options={{ 
            title: "Home", 
            tabBarIcon: ({ focused }) => (
              // 图标组件
            ), 
          }} 
        />
        <Tabs.Screen 
          name="profile" 
          options={{ 
            title: "My Profile", 
            tabBarIcon: ({ focused }) => (
              // 图标组件
            ), 
          }} 
        />
      </Tabs>
    );
  }
}

问题排查&最终修复 #

后来发现核心问题出在异步操作的顺序上！登录接口是异步的，但我没有用await等待它执行完成就直接跳转了——这时候session还没更新，(tabs)的_layout检测到无session就会重定向回首页，导致导航器冲突报错。

修复后的Login.tsx代码：

const handleSubmit = async () => {
  await signin({email,password}); // 加上await，确保登录完成、session更新后再跳转
  router.replace('/(tabs)/home');
  console.log(" CHANGED ROUTER ");
};

另外还做了两个小检查确保万无一失：

1. 确认app/_layout.tsx是基础的Stack导航，没有手动排除(tabs)路由组：

import { Stack } from 'expo-router';

export default function RootLayout() {
  return <Stack screenOptions={{ headerShown: false }} />;
}

2. 确认app/index.tsx的重定向逻辑正确（未登录跳login，登录跳(tabs)/home）：

import { Redirect } from 'expo-router';
import { useSession } from './hooks/useSession';

export default function Index() {
  const { session } = useSession();
  if (session) {
    return <Redirect href="/(tabs)/home" />;
  } else {
    return <Redirect href="/login" />;
  }
}

现在登录后就能正常跳转到(tabs)/home页面了，终于解决了！

内容来源于stack exchange