Dostaje błąd przy uruchomieniu projektu
import { StyleSheet, Text, View } from 'react-native';
import AppNavigator from './componets/AppNavigator';
export default function App() {
return (
<View style={styles.container}>
<AppNavigator></AppNavigator>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
import { StatusBar } from 'expo-status-bar';
import { NavigationContainer } from '@react-navigation/native';
import { CreateNativeStackNavigator } from '@react-navigation/native-stack';
import LoginView from "../screen/LoginView";
const Stack = CreateNativeStackNavigator();
const AppNavigator = () => (
<>
<StatusBar style='auto'/>
<NavigationContainer>
<Stack.Navigator initialRouteName="Login">
<Stack.Screen name="Login" component={LoginView}/>
</Stack.Navigator>
</NavigationContainer>
</>
)
export default AppNavigator;
iOS Bundling failed 45ms
Unable to resolve module @react-navigation/native-stack from xxxxx/componets/AppNavigator.js: @react-navigation/native-stack could not be found within the project or in these directories:
node_modules
../../../../../node_modules
1 | import { StatusBar } from 'expo-status-bar';
2 | import { NavigationContainer } from '@react-navigation/native';
> 3 | import { CreateNativeStackNavigator } from '@react-navigation/native-stack';
| ^
4 | import LoginView from "../screen/LoginView";
5 |
6 | const Stack = CreateNativeStackNavigator();
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"axios": "^0.27.2",
"expo": "~45.0.0",
"expo-status-bar": "~1.3.0",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-native": "0.68.2",
"react-navigation-stack": "^2.10.4",
"react-native-web": "0.17.7"
},
"devDependencies": {
"@babel/core": "^7.12.9"
},
"private": true
}