未定义无法解析来自app.js的模块react-navigation-stack

Question

我根据其文档逐步安装了react-navigation及其所有依赖项。 我在一个名为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

对于react-navigation-stack，安装可能失败。尝试再次安装它，如果您在软件包管理中使用npm或yarn，请在package.json文件中查找确认。

npm install react-navigation-stack