Module AppRegistry is not a registered callable module React Native

Question

I am struggling with this problem I did everything with react native docs but I don't have any idea whats wrong

Here is App.js

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';



function HomeScreen() {
 return (
  <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
  <Text>Home Screen</Text>
  </View>
 );
 }

 const Stack = createStackNavigator();

 function App() {
 return (
<NavigationContainer>
  <Stack.Navigator>
    <Stack.Screen name="Home" component={HomeScreen} />
  </Stack.Navigator>
</NavigationContainer>
  );
 }

 export default App;

I have already tried reset cache. its my second time failing application

The bug :

*Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication)

Can you post the file where you register your App component? ex. AppRegistry.registerComponent('App', () => App) — Anders Grandjean-Thomsen

Eleniko Eleniko · Accepted Answer · 2021-02-22T19:47:10

I tired your code on Snack and it was working perfectly, I think you missed some dependencies such as react-native-screens and react-native-safe-area-view just add

yarn add react-native-screens
yarn add react-native-safe-area-view react-native-safe-area-context

Module AppRegistry is not a registered callable module React Native

1 Answers