React Native中无法解析Login模块路径的技术问题咨询

1. 修正模块导入路径 #

你的App.js位于c:\users\hp\Downloads\task\，当前导入路径./android/app/src/Login指向的是c:\users\hp\Downloads\task\android\app\src\Login.js，但错误提示显示无法解析./src/Login，说明实际文件结构应为c:\users\hp\Downloads\task\src\Login.js。修改导入语句为：

import Login from './src/Login'
import flexbox from './src/flexbox'

如果文件确实在android/app/src目录下，请确认该目录存在，且Login文件的扩展名为.js或.jsx（React Native默认识别这两种扩展名）。

2. 补充缺失的导航组件导入 #

代码中使用了createStackNavigator但未导入，需从@react-navigation/stack添加导入：

import { createStackNavigator } from '@react-navigation/stack'

3. 修复组件语法错误 #

• Navigation Container存在空格，需改为<NavigationContainer>
• <My Stack/>存在空格，需改为<MyStack/>（与定义的函数名保持一致）

修正后的完整代码 #

import React from 'react'
import { NavigationContainer } from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'

import Login from './src/Login'
import flexbox from './src/flexbox'

const Stack = createStackNavigator()

function MyStack() {
  return(
    <Stack.Navigator>
      <Stack.Screen
        name='Login'
        component={Login}
      />
      
      <Stack.Screen
        name='flexbox'
        component={flexbox}
      />
    </Stack.Navigator>
  )
}

export default function App(){
  return(
    <NavigationContainer>
      <MyStack/>
    </NavigationContainer>
  )
}

内容的提问来源于stack exchange，提问作者DHEEPIKARAY T P