Javascript 反应本机：无法解析模块。/src/Home from…./以下文件均不存在：

我正在做一个项目。我是初学者，所以这个问题可能看起来很傻。我正在为登录屏幕创建一个基本导航，并不断收到此错误消息

'无法解析模块。/src/Home from/app7 react native/App.js:

然后它说这些文件都不存在

这是我的应用程序。js

import React from 'react';
import { View, Text, Button } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

import Home from '.src/Home';
import Login from './src/Login';



const Navigator = createStackNavigator ({

    Home: { screen: Home},
    Login: { screen: Login},

});

const App = createAppContainer(Navigator);

export default App;

Home.js

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


export default class Home extends React.Component {
    static navigationsOptions = ({ navigation }) => {
        return {
            title: navigation.getParam('name'),

        };
    };

    render() {
        const { navigate, state } = this.props.navigation; 

        return (
            <View style={styles.container}>

                <Text>Hello {state.params.name}</Text>
                <Button
                    title="Go to home screen"
                    onPress={() => navigate('Home')}
                />
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1, 
        alignItems: 'center',
        justifyContent: 'center'
    }
});

从“React”导入React；
从“react native”导入{样式表、视图、文本、按钮}；
导出默认类Home扩展React.Component{
静态导航选项=（{navigation}）=>{
返回{
标题：navigation.getParam（'name'），
};
};
render（）{
const{navigate，state}=this.props.navigation；
返回(
你好{state.params.name}
导航（'Home'）}
/>
)
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
对齐项目：“居中”，
为内容辩护：“中心”
}
});

Login.js

import React from 'react'; 

import { Text, View, TextInput, Stylesheet, Button, Touchableopacity  } from 'react-native';


export default class Login extends React.Component {
    static navigationsOptions = {
        title = 'Login',

    };
    render() {
        const { navigate } = this.props.navigation;

        return (
            <View style={styles.container}>
                <Button 
                    title="Go to profile screen"
                    onPress={() => navigate(
                        'Profile', { name: 'Jane'}
                    )}
                />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center'
    }
})

从“React”导入React；
从“react native”导入{文本、视图、文本输入、样式表、按钮、Touchableopacity}；
导出默认类登录扩展React.Component{
静态导航选项={
title='Login'，
};
render（）{
const{navigate}=this.props.navigation；
返回(
导航(
'Profile'，{name:'Jane'}
)}
/>
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
对齐项目：“居中”，
为内容辩护：“中心”
}
})

尝试将此

'.src/Home'

替换为

'./src/Home'

并且您的文件夹结构必须是：

App。js
src
Home.js
Login.js

2个修复需要在此处完成

将

App.js

文件中的“.src/Home”替换为“.src/Home”

米恩项目

您似乎在从

Home.js

onPress函数内部调用“Home”。您正在这里创建一个无限循环。将其更改为另一个屏幕，如登录或个人资料

---

我试过了，但仍然不起作用。请在此处尝试并检查package.json您可能会错过一些依赖项，我建议您使用react navigation中的最新版本

App.js
src
   Home.js
   Login.js