Tengo una imagen en la carpeta pública llamada logo.png
cuando intento importarlo en mi archivo index.js (src/view/index.js):
import logo from "public/logo.png";
Siempre me sale este error:
Module not found: You attempted to import /public/logo.png which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
Si está utilizando un elemento <img>
para mostrar la imagen, tendrá un atributo src
. En ese caso, puede usar la URL de la imagen para la fuente. Se parece a esto:
const logo = `${process.env.PUBLIC_URL}/logo.png`;
Luego, para renderizarlo, tendrías algo como esto:
<img alt='my-logo' src={logo} />