无法从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