在选项卡导航器中调用堆栈函数会导致应用程序崩溃

Question

我注意到在我的 App.js 中，当我在选项卡导航器中调用我的函数 MyTabs（它包含一个堆栈导航器）时，它会导致应用在本地运行时在 IOS 上崩溃。

当应用程序崩溃时，我注意到记录了零错误。我的终端或屏幕上没有错误。我通过 npm start 以及我个人设备上的 expo 应用程序运行它。我也尝试过其他设备，但仍然是同样的崩溃。我也没有 mac，我敢打赌，使用 xCode 至少会给我一个错误。

我已经包含了一个小吃演示 here 以及一个 git 存储库，其中包含项目中的每个文件 here。

任何见解都将不胜感激。

编辑:: 我假设因为它适用于零食，所以它一定是我的环境。我尝试了完全不同的计算机和设备，但我总是使用 npm start 和 expo 应用程序启动它。

编辑 2:: 我注意到我确实收到了这个警告。这样的事情会导致它崩溃吗？

这里是 app.js

const Tab = createBottomTabNavigator();

function MyTabs() {
  return (

    <Stack.Navigator
     initialRouteName="Home">        
        <Stack.Screen name="Home" component= {Home} options={{headerShown: false}}/>
    </Stack.Navigator>

);
}

export default function App() {

  return (
   <NavigationContainer>
    <Tab.Navigator
    initialRouteName="Home"
    screenOptions={{
      tabBarActiveTintColor: '#F60081',
      tabBarInactiveTintColor: '#4d4d4d',
      tabBarStyle: {
        backgroundColor: '#d1cfcf',
        borderTopColor: 'transparent',
        
      },
      
    }}
  >
    <Tab.Screen
      name="Home"
      component={MyTabs}
      options={{
        tabBarLabel: 'Home',
        headerShown: false,
        tabBarIcon: ({ color, size }) => (
          <MaterialCommunityIcons name="home" color={color} size={size} />
        ),
      }}
    />
  </Tab.Navigator>
</NavigationContainer>
);
}

const Stack = createStackNavigator();

Answer 1

根据您的编辑 2 试试这个

npm uninstall react-native-gesture-handler react-native-screens

然后作为the link says 再次使用expo install 命令安装软件包，以确保您的世博项目中有兼容的版本

Answer 2

删除package-lock.json 和node_modules 并再次运行npm install。

我收到了这个错误：

找不到模块 '/stackoverflow/node_modules/vlq/dist/vlq.js'。 请验证 package.json 是否有有效的“main”条目

安装软件包后，我在不同的软件包中遇到相同的错误。看起来包无法相互通信