Soy nuevo en React Native y estoy tratando de hacer una pequeña aplicación. Seguí un tutorial sobre cómo iniciar un proyecto CRNA y cómo probarlo en tu teléfono. Funcionó, pero tan pronto como creé mi primer componente, recibí este error:
Building JavaScript bundle: error Unable to resolve module ./Components/Search from C:\Users\fredd\OneDrive\Bureau\ReactNative\MoviesAndMe\App.js: None of these files exist: * Components\Search(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json) * Components\Search\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json) 1 | import React from 'react'; > 2 | import Search from './Components/Search'; | ^ 3 | 4 | export default class App extends React.Component { 5 | render() {Soy un principiante completo, así que tal vez me perdí algo, pero estoy seguro de que hice lo mismo que en el tutorial.
Aquí están mis archivos:
Aplicación.js
import React from 'react'; import Search from './Components/Search'; export default class App extends React.Component { render() { return ( <Search/> ); } }search.js (el componente)
import React from "react"; import {View, Button, TextInput} from 'react-native'; class Search extends React.Component { render() { return ( <View> <TextInput placeholder="Titre du film"/> <Button title="Rechercher" onPress={() => {}}/> </View> ) } } export default Search;Usted me podría ayudar por favor ?
Como su search.js está en minúsculas, debe importarlo de esta manera import Search from './Components/search';