Tengo una imagen svg que contiene algunas sombras en varios elementos y funciona muy bien en un proyecto Django. Ahora incluí eso en mi proyecto react.js y de repente arroja sombras extrañas. ¿Por qué es eso y dónde arreglar esto en reaccionar?
// Landing.js import Body from './Body' import { ReactComponent as Logo } from '../../assets/images/illu_how.svg' import React from "react"; import './Landing.css' function Landing(props) { return ( <Body> <div className="image-wrapper animate__animated animate__fadeInRight"><Logo classname="illu_how" /></div> </Body>Violín JS debido a la limitación de caracteres SO
Proyecto React.js:
Proyecto Django:
Finalmente lo conseguí... el problema era la importación
import { ReactComponent as Logo } from '../../assets/images/illu_how.svg'que causó el problema de la sombra por cualquier razón.
Esto funciona bien:
import illustration from '../../assets/images/illu_how.svg'