Estoy usando react-native para crear una aplicación. La aplicación tiene 2 pantallas: Pantalla de inicio y pantalla de búsqueda. El explorador de archivos no puede encontrar el módulo de búsqueda, pero funciona la misma ruta para HomeScreen. También estoy usando Android si ayuda.

Mi App.js incluye :

 import React from 'react'; import type { Node } from 'react'; import { StatusBar } from 'react-native'; import Search from './src/screens/Search/index'; const App: () => Node = () => { return ( <> <StatusBar barStyle='dark-content' /> <Search /> </> ); }; export default App;

Search/index.js incluye

 import React from "react"; import { View, Text } from "react-native-vector-icons"; const Search = (props) => { return ( <View> <Text>Hi</Text> </View> ); }; export default Search;

Error:

Sin embargo, si reemplazo Search by HomeScreen, la aplicación funciona. ¿Podría ayudarme a descubrir qué estoy haciendo mal? Estoy usando el mismo código y el mismo estilo de búsqueda de directorio en mis dos archivos index.js. Sin embargo, hice HomeScreen/index.js antes que Search/index.js.

Aquí está mi pantalla de inicio/index.js

 import React from "react"; import { View, Text } from "react-native"; import HomeMap from '../../components/HomeScreenMap'; const HomeScreen = (props) => { return ( <View> <HomeMap /> </View> ); }; export default HomeScreen;

Aquí está mi directorio:

 MEDLIFE >__tests__ >.vscode >android >ios >node_modules >src >components >screens >HomeScreen >index.js >Search >index.js .buckconfig .editorconfig .eslintrc.js .flowconfig .gitattributes .gitignore .prettierrc.js .watchmanconfig App.js app.json babel.config.js index.js metro.config.js package.json yarn.lock