0
133
Vistasno se puede encontrar el módulo en index.js
hola, tengo este error al intentar importar componentes (estoy usando el tipo de flujo)
Este es mi ReloadScreenPayLater.component.js
/** * Reload Screen Component * @param {Props} onReload - reload Parameter * @return {React.Node} - return react component */ const ReloadScreenPaylater = ({ onReload }: Props): React.Node => ( <ReloadScreen onReload={onReload} /> ); ReloadScreenPaylater.displayName = config.displayName; export default ReloadScreenPaylater; esta es mi exportación en ./src/Components/ReloadScreenPayLater/index.js cuando resalto la exportación, muestra ReloadScreenPayLater.component.js 
así que cuando traté de ejecutar las aplicaciones o hacer una prueba instantánea, muestra este error
src/Screens/InOutPayLater/InOutPayLater.component.snap.test.js ● Test suite failed to run Cannot find module '../../Component/ReloadScreenPayLater' from 'src/Screens/InOutPayLater/InOutPayLater.component.snap.test.js' 10 | .mock('../../Components/InOutEmptyState', () => 'InOutEmptyState') 11 | > 12 | .mock('../../Component/ReloadScreenPayLater', () => 'ReloadScreenPayLater');lo que quiero lograr es poder importar el componente desde esta ruta '../../Component/ReloadScreenPayLater'
nb: funciona bien si se importa de esta manera
import ReloadScreenPaylater from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component';2 Respuestas
Responde la pregunta0
Para la exportación predeterminada (es decir, export default ReloadScreenPaylater = ... ), deberíamos usar este estilo de importación en su lugar.
import ReloadScreenPaylater from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component'; Para la exportación con nombre (es decir, export const ReloadScreenPaylater = ... ), entonces deberíamos usar el otro estilo de importación con nombre.
import { ReloadScreenPaylater } from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component';0
Desde ES6 en adelante, debe obtener las exportaciones predeterminadas de su nombre en lugar de {predeterminado}
Utilizar este:
import ReloadScreenPaylater from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component'; O si ha nombrado exportar, use import { Exported Named Component } from 'path'