无法在 React-Native 中导入组件答案

【问题标题】：Can't import component in React-Native无法在 React-Native 中导入组件
【发布时间】：2020-11-04 04:20:18
【问题描述】：

我是 react-native 的新手，并尝试使用 expo-cli 尝试我的第一个应用程序，我正在尝试使用 react 导航在屏幕之间跳转，但在尝试导入我的屏幕组件（即 HomeScreen）时遇到问题。

我收到以下错误：

Unable to resolve "/screens/HomeScreen.js" from "App.js"

我的文件夹结构如下： https://i.imgur.com/c2gqTFt.png

这是我的 App.js 文件：

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from '/screens/HomeScreen';

const navigator = createStackNavigator(
{
    Home: HomeScreen
},
{
  initialRouteName:'Home',
  defaultNavigationOptions:
  {
    title:'App'
  }

}
);

我的主屏幕组件：

import * as React from 'react';
import { View, Text } from 'react-native';


export default function HomeScreen()
{
  return (
    <View style={styles.container}>
      <Text>Pero esto que es</Text>
      <StatusBar style="auto" />
    </View>
  );
}

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

【问题讨论】：

标签： javascript reactjs react-native

【解决方案1】：

import HomeScreen from './screens/HomeScreen';

在开头添加./ 意味着您开始在您所在的文件夹中导航。

如果你需要在外面退一步，你应该添加../

所以从App.js，现在您需要导航到您的HomeScreen 所在的文件夹。

【讨论】：