Estoy desarrollando una funcionalidad de mapa usando ReactJS
, mi archivo app.js
es:
import React, { Component } from 'react'; import './Map'; class App extends Component { render() { return ( <div className="App"> <Map/> </div> ); } } export default App;
el error es:
./src/App.js Line 8: 'Map' is not defined react/jsx-no-undef Search for the keywords to learn more about each error.
¿Como puedó resolver esté problema?
Intenta usar
import Map from './Map';
Cuando usa import 'module'
, simplemente ejecutará el módulo como un script. Esto es útil cuando intenta introducir efectos secundarios en el espacio de nombres global, por ejemplo, funciones más nuevas de polyfill para navegadores más antiguos/no compatibles.
Los módulos ES6 pueden definir exportaciones predeterminadas y exportaciones regulares. Cuando usa la sintaxis import defaultExport from 'module'
, importará la exportación predeterminada de ese módulo con alias defaultExport.
Para leer más sobre la importación de ES6: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
debería import Map from './Map'
React solo le dice que no sabe dónde está la variable que está importando.
Esto me pasa de vez en cuando, por lo general es solo un simple descuido. Solo preste atención a los detalles, errores tipográficos simples, etc. Por ejemplo, al copiar/pegar declaraciones de importación, como esta: