Sigo recibiendo este error después de la terminal al importar el logotipo; el logotipo se está importando, aunque no estoy seguro de por qué. No hay mucho soporte con respecto a este error en línea aquí, así como en el próximo js si alguien se ha encontrado con esto y puede ayudar mucho.
<Image src={'/../public/logo.svg'} width={width} height={height} />;No se ejecutará sin el / al principio.
Está tratando de solicitar /../public/logo.svg que comienza en la raíz, intenta ir un nivel por encima de la raíz y luego baja a public/logo.svg .
Dado que el cliente no puede ir por encima de la raíz (¡y acceder a archivos arbitrarios en el servidor!), el ../ se elimina (con el error de seguridad que ve) y el navegador recibe la URL resultante.
El SVG se muestra porque después de recuperarse del error, la URL apuntaba al SVG.
Para deshacerse del mensaje de error, deje de cometer el error. Eliminar ../ de la URL.
icono de importación desde el componente de reacción en su lugar *
const Logo = ({ width, height }) => { return ( <svg </svg> ); }; export default Logo;importar logotipo en componentes