No entiendo porque me sale este error. Estoy exportando todos los elementos de la misma manera pero no me funciona y em salta este error en consola. Todo este error me sale en app.jsx. Estuve importando otras cosas de la misma manera y no me sale error. Importante aclarar que en El visual studio code no sale ningún error, el error aparece únicamente en la consola de Chrome.
El componente publicidad:
import React from 'react'
import '../styles.css'
const Publicidad = () => {
return (
<div className='publicidad'>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vitae
numquam explicabo perferendis nulla dicta sit culpa vel at sequi
nesciunt ea doloremque eligendi ipsa, maxime ut est repellat adipisci
asperiores?
</p>
</div>
)
}
export default Publicidad;
ERROR: SyntaxError: The requested module '/src/components/Publicidad.jsx?t=1718983231343' does not provide an export named 'Publicidad' (at App.jsx:4:10)
App.jsx:4:10: import { Publicidad } from './components/Publicidad'
Otros importes que hice sin errores:
import { Encabezado } from './components/Encabezado'
import { Carousel } from './components/Carousel'
export default Publicidad;
la forma de importarlo esimport Publicidad from './components/Publicidad'
sin las llaves{}
. Te recomiendo revisar este link developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…