React-Navigation：“react/jsx-runtime”。jsx 不是一个函数（未定义）

Question

安装react-navigation并复制他们的示例后，我收到以下错误

_$$_REQUIRE(_dependencyMap[5], "react/jsx-runtime").jsx is not a function (it is undefined)

不知道这是从哪里来的。 我尝试了“yarn add react/jsx-runtime”，没有帮助。 我还尝试删除 node_modules/ 并重新输入“yarn install”

应用程序.tsx

import { NavigationContainer } from '@react-navigation/native';                               
                                                                                              
import Navigation from './src/MyNavigation/MyNavigation'                                                                                                                                    
import Store from './src/Store/configureStore'                                                
                                                                                              
function App(): JSX.Element {                                                                                                                          
  return (                                                                                                                                             
      <NavigationContainer>                                                                   
        <Navigation/>                                                                         
      </NavigationContainer>                                                                                                                                         
  );                                                                                          
}                                                                                             
                                                                                              
                                                                                              
export default App;

和 src/MyNavigation/MyNavigation

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';                     
                                                                                              
import TimePracticeScreen from '../screens/TimePractice';                                     
import Charts from '../screens/Charts';                                                       
                                                                                              
                                                                                              
const Tab = createBottomTabNavigator();                                                       
                                                                                              
function TabNavigator() {                                                                     
  return (                                                                                    
      <Tab.Navigator>                                                                         
        <Tab.Screen name="Train" component={TimePracticeScreen} />                            
        <Tab.Screen name="Graph" component={Charts} />                                        
      </Tab.Navigator>                                                                        
  );                                                                                          
}                                                                                             
                              
export default TabNavigator```

Answer 1

我不知道是什么导致了这个问题，但我一步一步地遵循了本教程，并且我得到了底部选项卡导航的工作：-/