0
233
VistasImportación de la aplicación en los resultados de react js en el error del módulo
Estoy haciendo un proyecto mecanografiado simple, pero no puedo resolver el siguiente error:
Compilado con problemas: ERROR en ./src/index.tsx 7:0-28 Módulo no encontrado: Error: No se puede resolver './App' en '/Projects/test/src'
¿¿Alguna sugerencia??
aqui estan los archivos..
Hogar:
import React from "react" export const Home = () => { return ( <> <div> <p>Essa é a pagina home</p> </div> </> ); }; export default Home;Aplicación.tsx:
import React from 'react'; import { Home } from './pages/Home'; export function App() { return ( <Home /> ); };índice.tsx:
import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import { App } from './App'; const ApplicationWrapper = () => { return ( <App /> ); }; ReactDOM.render( <React.StrictMode> <ApplicationWrapper /> </React.StrictMode>, document.getElementById('main'), );ESTRUCTURA DEL ARCHIVO:
3 Respuestas
Responde la pregunta0
Cuando el código se exporta y con una palabra clave predeterminada, eso significa que solo puede importar utilizando import Alias from './module'. Si desea importar a través de la desestructuración de objetos, debe exportar un componente o módulo sin usar la palabra clave predeterminada.
Última línea del componente Inicio.
export { Home };Cuando necesita importar.
import { Home } from './path-to-component';0
puede exportar una vez en el componente Inicio de esta manera:
import React from "react" const Home = () => { return ( <> <div> <p>Essa é a pagina home</p> </div> </> ); }; export default Home;0
Verifique que el archivo App.tsx debe estar en la carpeta index.tsx. es decir, ambos archivos deben estar en la carpeta /Projects/test/src.