undefined не может разрешить модуль реакции-навигационный стек из приложения. js

Question

Я установил реактивную навигацию и все ее зависимости, шаг за шагом, основываясь на документации. Я создал два компонента в одном файле с именем root.js, это код:

import React from 'react';
import {
    StyleSheet,
    View,
    Text,
    Button,


} from 'react-native';


import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

Это первый компетентный:

const Homescreen = () => {
    return (

        <View style={styles.container}>

            <Text>Home screen</Text>
            <Button
                title='go to next page'


            ></Button>

        </View>


    )}

Второй:

const Loginscreen = () => {
    return (

        <View style={styles.container}>

            <Text>Login screen</Text>
            <Button
                title='go back'


            ></Button>

        </View>


    )}

Это навигационный код:

const AppNavigator = createStackNavigator({

    Home: { screen: Homescreen },
    Login: { screen: Loginscreen }

},
    {
        initialRouteName: 'Home'

    }


);

export default createAppContainer(AppNavigator);

Затем я импортировал AppNavigator в App.js файл, подобный следующему:

import AppNavigator from './src/root';

const App=() =>  {


  return (

    <View style={styles.container} >


< AppNavigator/>

    </View>



  )
};

Реагирует собственная версия: "0.61. 5" .

Версия реагирующей навигации: "^ 4.1.1".

И все зависимости установлены.

Я получаю следующую ошибку. В какой части я допустил ошибку?

Answer 1

Возможно, установка не удалась для стека реакции-навигации. Попробуйте установить его снова, и если вы используете npm или пряжу для управления вашим пакетом, найдите подтверждение в файле пакета. json.

npm install react-navigation-stack